@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.92

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 (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +5 -5
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -9,58 +9,58 @@ section: components
9
9
 
10
10
  ```html
11
11
  <div
12
- class="pf-v5-c-toolbar"
12
+ class="pf-v6-c-toolbar"
13
13
  id="toolbar-attribute-value-search-filter-desktop-example"
14
14
  >
15
- <div class="pf-v5-c-toolbar__content">
16
- <div class="pf-v5-c-toolbar__content-section">
17
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
18
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
15
+ <div class="pf-v6-c-toolbar__content">
16
+ <div class="pf-v6-c-toolbar__content-section">
17
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show">
18
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
19
19
  <button
20
- class="pf-v5-c-menu-toggle pf-m-plain"
20
+ class="pf-v6-c-menu-toggle pf-m-plain"
21
21
  type="button"
22
22
  aria-expanded="false"
23
23
  aria-label="Show filters"
24
24
  aria-controls="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
25
25
  >
26
- <span class="pf-v5-c-menu-toggle__icon">
26
+ <span class="pf-v6-c-menu-toggle__icon">
27
27
  <i class="fas fa-filter" aria-hidden="true"></i>
28
28
  </span>
29
29
  </button>
30
30
  </div>
31
- <div class="pf-v5-c-toolbar__item pf-m-search-filter">
31
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
32
32
  <div
33
- class="pf-v5-c-input-group"
33
+ class="pf-v6-c-input-group"
34
34
  aria-label="search filter"
35
35
  role="group"
36
36
  >
37
- <div class="pf-v5-c-input-group__item">
37
+ <div class="pf-v6-c-input-group__item">
38
38
  <button
39
- class="pf-v5-c-menu-toggle"
39
+ class="pf-v6-c-menu-toggle"
40
40
  type="button"
41
41
  aria-expanded="false"
42
42
  id="toolbar-attribute-value-search-filter-desktop-example-search-filter-menu"
43
43
  >
44
- <span class="pf-v5-c-menu-toggle__icon">
44
+ <span class="pf-v6-c-menu-toggle__icon">
45
45
  <i class="fas fa-filter" aria-hidden="true"></i>
46
46
  </span>
47
- <span class="pf-v5-c-menu-toggle__text">Name</span>
48
- <span class="pf-v5-c-menu-toggle__controls">
49
- <span class="pf-v5-c-menu-toggle__toggle-icon">
47
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
48
+ <span class="pf-v6-c-menu-toggle__controls">
49
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
50
50
  <i class="fas fa-caret-down" aria-hidden="true"></i>
51
51
  </span>
52
52
  </span>
53
53
  </button>
54
54
  </div>
55
- <div class="pf-v5-c-input-group__item pf-m-fill">
56
- <div class="pf-v5-c-text-input-group">
57
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
58
- <span class="pf-v5-c-text-input-group__text">
59
- <span class="pf-v5-c-text-input-group__icon">
55
+ <div class="pf-v6-c-input-group__item pf-m-fill">
56
+ <div class="pf-v6-c-text-input-group">
57
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
58
+ <span class="pf-v6-c-text-input-group__text">
59
+ <span class="pf-v6-c-text-input-group__icon">
60
60
  <i class="fas fa-fw fa-search"></i>
61
61
  </span>
62
62
  <input
63
- class="pf-v5-c-text-input-group__text-input"
63
+ class="pf-v6-c-text-input-group__text-input"
64
64
  type="text"
65
65
  placeholder="Filter by name"
66
66
  value
@@ -73,32 +73,32 @@ section: components
73
73
  </div>
74
74
  </div>
75
75
  </div>
76
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
76
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
77
77
  <div
78
- class="pf-v5-c-overflow-menu"
78
+ class="pf-v6-c-overflow-menu"
79
79
  id="toolbar-attribute-value-search-filter-desktop-example-overflow-menu"
80
80
  >
81
- <div class="pf-v5-c-overflow-menu__content">
82
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
83
- <div class="pf-v5-c-overflow-menu__item">
81
+ <div class="pf-v6-c-overflow-menu__content">
82
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
83
+ <div class="pf-v6-c-overflow-menu__item">
84
84
  <button
85
- class="pf-v5-c-button pf-m-primary"
85
+ class="pf-v6-c-button pf-m-primary"
86
86
  type="button"
87
87
  >Primary</button>
88
88
  </div>
89
- <div class="pf-v5-c-overflow-menu__item">
89
+ <div class="pf-v6-c-overflow-menu__item">
90
90
  <button
91
- class="pf-v5-c-button pf-m-secondary"
91
+ class="pf-v6-c-button pf-m-secondary"
92
92
  type="button"
93
93
  >Secondary</button>
94
94
  </div>
95
95
  </div>
96
96
  </div>
97
97
 
98
- <div class="pf-v5-c-overflow-menu__control">
99
- <div class="pf-v5-c-dropdown">
98
+ <div class="pf-v6-c-overflow-menu__control">
99
+ <div class="pf-v6-c-dropdown">
100
100
  <button
101
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
101
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
102
102
  type="button"
103
103
  id="toolbar-attribute-value-search-filter-desktop-example-overflow-menu-dropdown-toggle"
104
104
  aria-label="Overflow menu"
@@ -107,7 +107,7 @@ section: components
107
107
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
108
108
  </button>
109
109
  <ul
110
- class="pf-v5-c-dropdown__menu"
110
+ class="pf-v6-c-dropdown__menu"
111
111
  role="menu"
112
112
  aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-overflow-menu-dropdown-toggle"
113
113
  hidden
@@ -115,7 +115,7 @@ section: components
115
115
  <li role="none">
116
116
  <button
117
117
  role="menuitem"
118
- class="pf-v5-c-dropdown__menu-item"
118
+ class="pf-v6-c-dropdown__menu-item"
119
119
  >Tertiary</button>
120
120
  </li>
121
121
  </ul>
@@ -123,58 +123,58 @@ section: components
123
123
  </div>
124
124
  </div>
125
125
  </div>
126
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
126
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
127
127
  <div
128
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
128
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
129
129
  >
130
130
  <div
131
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
131
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
132
132
  >
133
- <div class="pf-v5-c-pagination__page-menu">
134
- <div class="pf-v5-c-options-menu">
133
+ <div class="pf-v6-c-pagination__page-menu">
134
+ <div class="pf-v6-c-options-menu">
135
135
  <button
136
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
136
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
137
137
  type="button"
138
138
  id="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
139
139
  aria-haspopup="listbox"
140
140
  aria-expanded="false"
141
141
  >
142
- <span class="pf-v5-c-options-menu__toggle-text">
142
+ <span class="pf-v6-c-options-menu__toggle-text">
143
143
  <b>1 - 10</b>&nbsp;of&nbsp;
144
144
  <b>36</b>
145
145
  </span>
146
- <div class="pf-v5-c-options-menu__toggle-icon">
146
+ <div class="pf-v6-c-options-menu__toggle-icon">
147
147
  <i class="fas fa-caret-down" aria-hidden="true"></i>
148
148
  </div>
149
149
  </button>
150
150
  <ul
151
- class="pf-v5-c-options-menu__menu"
151
+ class="pf-v6-c-options-menu__menu"
152
152
  role="menu"
153
153
  aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
154
154
  hidden
155
155
  >
156
156
  <li role="none">
157
157
  <button
158
- class="pf-v5-c-options-menu__menu-item"
158
+ class="pf-v6-c-options-menu__menu-item"
159
159
  type="button"
160
160
  role="menuitem"
161
161
  >5 per page</button>
162
162
  </li>
163
163
  <li role="none">
164
164
  <button
165
- class="pf-v5-c-options-menu__menu-item"
165
+ class="pf-v6-c-options-menu__menu-item"
166
166
  type="button"
167
167
  role="menuitem"
168
168
  >
169
169
  10 per page
170
- <div class="pf-v5-c-options-menu__menu-item-icon">
170
+ <div class="pf-v6-c-options-menu__menu-item-icon">
171
171
  <i class="fas fa-check" aria-hidden="true"></i>
172
172
  </div>
173
173
  </button>
174
174
  </li>
175
175
  <li role="none">
176
176
  <button
177
- class="pf-v5-c-options-menu__menu-item"
177
+ class="pf-v6-c-options-menu__menu-item"
178
178
  type="button"
179
179
  role="menuitem"
180
180
  >20 per page</button>
@@ -182,10 +182,10 @@ section: components
182
182
  </ul>
183
183
  </div>
184
184
  </div>
185
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
186
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
185
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
186
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
187
187
  <button
188
- class="pf-v5-c-button pf-m-plain"
188
+ class="pf-v6-c-button pf-m-plain"
189
189
  type="button"
190
190
  disabled
191
191
  aria-label="Go to previous page"
@@ -193,9 +193,9 @@ section: components
193
193
  <i class="fas fa-angle-left" aria-hidden="true"></i>
194
194
  </button>
195
195
  </div>
196
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
196
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
197
197
  <button
198
- class="pf-v5-c-button pf-m-plain"
198
+ class="pf-v6-c-button pf-m-plain"
199
199
  type="button"
200
200
  aria-label="Go to next page"
201
201
  >
@@ -208,7 +208,7 @@ section: components
208
208
  </div>
209
209
  </div>
210
210
  <div
211
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
211
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
212
212
  id="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
213
213
  hidden
214
214
  ></div>
@@ -220,28 +220,28 @@ section: components
220
220
  ### Toolbar with validation on desktop
221
221
 
222
222
  ```html isFullscreen
223
- <div class="pf-v5-c-page" id="toolbar-pagination-management-example">
224
- <div class="pf-v5-c-skip-to-content">
223
+ <div class="pf-v6-c-page" id="toolbar-pagination-management-example">
224
+ <div class="pf-v6-c-skip-to-content">
225
225
  <a
226
- class="pf-v5-c-button pf-m-primary"
226
+ class="pf-v6-c-button pf-m-primary"
227
227
  href="#main-content-toolbar-pagination-management-example"
228
228
  >Skip to content</a>
229
229
  </div>
230
230
  <header
231
- class="pf-v5-c-masthead"
231
+ class="pf-v6-c-masthead"
232
232
  id="toolbar-pagination-management-example-masthead"
233
233
  >
234
- <span class="pf-v5-c-masthead__toggle">
234
+ <span class="pf-v6-c-masthead__toggle">
235
235
  <button
236
- class="pf-v5-c-button pf-m-plain"
236
+ class="pf-v6-c-button pf-m-plain"
237
237
  type="button"
238
238
  aria-label="Global navigation"
239
239
  >
240
240
  <i class="fas fa-bars" aria-hidden="true"></i>
241
241
  </button>
242
242
  </span>
243
- <div class="pf-v5-c-masthead__main">
244
- <a class="pf-v5-c-masthead__brand" href="#">
243
+ <div class="pf-v6-c-masthead__main">
244
+ <a class="pf-v6-c-masthead__brand" href="#">
245
245
  <svg height="40px" viewBox="0 0 679 158">
246
246
  <title>PF-HorizontalLogo-Color</title>
247
247
  <defs>
@@ -314,37 +314,37 @@ section: components
314
314
  </svg>
315
315
  </a>
316
316
  </div>
317
- <div class="pf-v5-c-masthead__content">
317
+ <div class="pf-v6-c-masthead__content">
318
318
  <div
319
- class="pf-v5-c-toolbar pf-m-static"
319
+ class="pf-v6-c-toolbar pf-m-static"
320
320
  id="toolbar-pagination-management-example-masthead-toolbar"
321
321
  >
322
- <div class="pf-v5-c-toolbar__content">
323
- <div class="pf-v5-c-toolbar__content-section">
324
- <div class="pf-v5-c-toolbar__item">
322
+ <div class="pf-v6-c-toolbar__content">
323
+ <div class="pf-v6-c-toolbar__content-section">
324
+ <div class="pf-v6-c-toolbar__item">
325
325
  <button
326
- class="pf-v5-c-menu-toggle"
326
+ class="pf-v6-c-menu-toggle"
327
327
  type="button"
328
328
  aria-expanded="false"
329
329
  >
330
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
331
- <span class="pf-v5-c-menu-toggle__controls">
332
- <span class="pf-v5-c-menu-toggle__toggle-icon">
330
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
331
+ <span class="pf-v6-c-menu-toggle__controls">
332
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
333
333
  <i class="fas fa-caret-down" aria-hidden="true"></i>
334
334
  </span>
335
335
  </span>
336
336
  </button>
337
337
  </div>
338
338
 
339
- <div class="pf-v5-c-toolbar__item">
339
+ <div class="pf-v6-c-toolbar__item">
340
340
  <button
341
- class="pf-v5-c-menu-toggle"
341
+ class="pf-v6-c-menu-toggle"
342
342
  type="button"
343
343
  aria-expanded="false"
344
344
  >
345
- <span class="pf-v5-c-menu-toggle__text">Services</span>
346
- <span class="pf-v5-c-menu-toggle__controls">
347
- <span class="pf-v5-c-menu-toggle__toggle-icon">
345
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
346
+ <span class="pf-v6-c-menu-toggle__controls">
347
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
348
348
  <i class="fas fa-caret-down" aria-hidden="true"></i>
349
349
  </span>
350
350
  </span>
@@ -352,56 +352,56 @@ section: components
352
352
  </div>
353
353
 
354
354
  <div
355
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
355
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
356
356
  >
357
357
  <div
358
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
358
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
359
359
  >
360
- <div class="pf-v5-c-toolbar__item">
360
+ <div class="pf-v6-c-toolbar__item">
361
361
  <button
362
- class="pf-v5-c-menu-toggle pf-m-plain"
362
+ class="pf-v6-c-menu-toggle pf-m-plain"
363
363
  type="button"
364
364
  aria-expanded="false"
365
365
  aria-label="Application launcher"
366
366
  >
367
- <span class="pf-v5-c-menu-toggle__icon">
367
+ <span class="pf-v6-c-menu-toggle__icon">
368
368
  <i class="fas fa-th" aria-hidden="true"></i>
369
369
  </span>
370
370
  </button>
371
371
  </div>
372
- <div class="pf-v5-c-toolbar__item">
372
+ <div class="pf-v6-c-toolbar__item">
373
373
  <button
374
- class="pf-v5-c-menu-toggle pf-m-plain"
374
+ class="pf-v6-c-menu-toggle pf-m-plain"
375
375
  type="button"
376
376
  aria-expanded="false"
377
377
  aria-label="Settings"
378
378
  >
379
- <span class="pf-v5-c-menu-toggle__icon">
379
+ <span class="pf-v6-c-menu-toggle__icon">
380
380
  <i class="fas fa-cog" aria-hidden="true"></i>
381
381
  </span>
382
382
  </button>
383
383
  </div>
384
- <div class="pf-v5-c-toolbar__item">
384
+ <div class="pf-v6-c-toolbar__item">
385
385
  <button
386
- class="pf-v5-c-menu-toggle pf-m-plain"
386
+ class="pf-v6-c-menu-toggle pf-m-plain"
387
387
  type="button"
388
388
  aria-expanded="false"
389
389
  aria-label="Help"
390
390
  >
391
- <span class="pf-v5-c-menu-toggle__icon">
391
+ <span class="pf-v6-c-menu-toggle__icon">
392
392
  <i class="fas fa-question-circle" aria-hidden="true"></i>
393
393
  </span>
394
394
  </button>
395
395
  </div>
396
396
  </div>
397
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
397
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
398
398
  <button
399
- class="pf-v5-c-menu-toggle pf-m-plain"
399
+ class="pf-v6-c-menu-toggle pf-m-plain"
400
400
  type="button"
401
401
  aria-expanded="false"
402
402
  aria-label="Actions"
403
403
  >
404
- <span class="pf-v5-c-menu-toggle__icon">
404
+ <span class="pf-v6-c-menu-toggle__icon">
405
405
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
406
406
  </span>
407
407
  </button>
@@ -412,71 +412,71 @@ section: components
412
412
  </div>
413
413
  </div>
414
414
  </header>
415
- <div class="pf-v5-c-page__sidebar">
416
- <div class="pf-v5-c-page__sidebar-body">
415
+ <div class="pf-v6-c-page__sidebar">
416
+ <div class="pf-v6-c-page__sidebar-body">
417
417
  <nav
418
- class="pf-v5-c-nav"
418
+ class="pf-v6-c-nav"
419
419
  id="toolbar-pagination-management-example-primary-nav"
420
420
  aria-label="Global"
421
421
  >
422
- <ul class="pf-v5-c-nav__list" role="list">
423
- <li class="pf-v5-c-nav__item">
424
- <a href="#" class="pf-v5-c-nav__link">System panel</a>
422
+ <ul class="pf-v6-c-nav__list" role="list">
423
+ <li class="pf-v6-c-nav__item">
424
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
425
425
  </li>
426
- <li class="pf-v5-c-nav__item">
426
+ <li class="pf-v6-c-nav__item">
427
427
  <a
428
428
  href="#"
429
- class="pf-v5-c-nav__link pf-m-current"
429
+ class="pf-v6-c-nav__link pf-m-current"
430
430
  aria-current="page"
431
431
  >Policy</a>
432
432
  </li>
433
- <li class="pf-v5-c-nav__item">
434
- <a href="#" class="pf-v5-c-nav__link">Authentication</a>
433
+ <li class="pf-v6-c-nav__item">
434
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
435
435
  </li>
436
- <li class="pf-v5-c-nav__item">
437
- <a href="#" class="pf-v5-c-nav__link">Network services</a>
436
+ <li class="pf-v6-c-nav__item">
437
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
438
438
  </li>
439
- <li class="pf-v5-c-nav__item">
440
- <a href="#" class="pf-v5-c-nav__link">Server</a>
439
+ <li class="pf-v6-c-nav__item">
440
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
441
441
  </li>
442
442
  </ul>
443
443
  </nav>
444
444
  </div>
445
445
  </div>
446
446
  <main
447
- class="pf-v5-c-page__main"
447
+ class="pf-v6-c-page__main"
448
448
  tabindex="-1"
449
449
  id="main-content-toolbar-pagination-management-example"
450
450
  >
451
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
452
- <div class="pf-v5-c-page__main-body">
453
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
454
- <ol class="pf-v5-c-breadcrumb__list" role="list">
455
- <li class="pf-v5-c-breadcrumb__item">
456
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
451
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
452
+ <div class="pf-v6-c-page__main-body">
453
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
454
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
455
+ <li class="pf-v6-c-breadcrumb__item">
456
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
457
457
  </li>
458
- <li class="pf-v5-c-breadcrumb__item">
459
- <span class="pf-v5-c-breadcrumb__item-divider">
458
+ <li class="pf-v6-c-breadcrumb__item">
459
+ <span class="pf-v6-c-breadcrumb__item-divider">
460
460
  <i class="fas fa-angle-right" aria-hidden="true"></i>
461
461
  </span>
462
462
 
463
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
463
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
464
464
  </li>
465
- <li class="pf-v5-c-breadcrumb__item">
466
- <span class="pf-v5-c-breadcrumb__item-divider">
465
+ <li class="pf-v6-c-breadcrumb__item">
466
+ <span class="pf-v6-c-breadcrumb__item-divider">
467
467
  <i class="fas fa-angle-right" aria-hidden="true"></i>
468
468
  </span>
469
469
 
470
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
470
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
471
471
  </li>
472
- <li class="pf-v5-c-breadcrumb__item">
473
- <span class="pf-v5-c-breadcrumb__item-divider">
472
+ <li class="pf-v6-c-breadcrumb__item">
473
+ <span class="pf-v6-c-breadcrumb__item-divider">
474
474
  <i class="fas fa-angle-right" aria-hidden="true"></i>
475
475
  </span>
476
476
 
477
477
  <a
478
478
  href="#"
479
- class="pf-v5-c-breadcrumb__link pf-m-current"
479
+ class="pf-v6-c-breadcrumb__link pf-m-current"
480
480
  aria-current="page"
481
481
  >Section landing</a>
482
482
  </li>
@@ -484,68 +484,68 @@ section: components
484
484
  </nav>
485
485
  </div>
486
486
  </section>
487
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
488
- <div class="pf-v5-c-page__main-body">
489
- <div class="pf-v5-c-content">
487
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
488
+ <div class="pf-v6-c-page__main-body">
489
+ <div class="pf-v6-c-content">
490
490
  <h1>Main title</h1>
491
491
  <p>This is a full page demo.</p>
492
492
  </div>
493
493
  </div>
494
494
  </section>
495
- <section class="pf-v5-c-page__main-section">
496
- <div class="pf-v5-c-toolbar" id="toolbar-with-validation-example">
497
- <div class="pf-v5-c-toolbar__content">
498
- <div class="pf-v5-c-toolbar__content-section">
495
+ <section class="pf-v6-c-page__main-section">
496
+ <div class="pf-v6-c-toolbar" id="toolbar-with-validation-example">
497
+ <div class="pf-v6-c-toolbar__content">
498
+ <div class="pf-v6-c-toolbar__content-section">
499
499
  <div
500
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg"
500
+ class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg"
501
501
  >
502
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
502
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
503
503
  <button
504
- class="pf-v5-c-menu-toggle pf-m-plain"
504
+ class="pf-v6-c-menu-toggle pf-m-plain"
505
505
  type="button"
506
506
  aria-expanded="false"
507
507
  aria-label="Show filters"
508
508
  aria-controls="toolbar-with-validation-example-expandable-content"
509
509
  >
510
- <span class="pf-v5-c-menu-toggle__icon">
510
+ <span class="pf-v6-c-menu-toggle__icon">
511
511
  <i class="fas fa-filter" aria-hidden="true"></i>
512
512
  </span>
513
513
  </button>
514
514
  </div>
515
- <div class="pf-v5-c-toolbar__group pf-m-filter-group">
516
- <div class="pf-v5-c-toolbar__item">
515
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
516
+ <div class="pf-v6-c-toolbar__item">
517
517
  <div
518
- class="pf-v5-c-input-group"
518
+ class="pf-v6-c-input-group"
519
519
  aria-label="search filter"
520
520
  role="group"
521
521
  >
522
- <div class="pf-v5-c-input-group__item">
522
+ <div class="pf-v6-c-input-group__item">
523
523
  <button
524
- class="pf-v5-c-menu-toggle"
524
+ class="pf-v6-c-menu-toggle"
525
525
  type="button"
526
526
  aria-expanded="false"
527
527
  id="toolbar-with-validation-example-month"
528
528
  >
529
- <span class="pf-v5-c-menu-toggle__icon">
529
+ <span class="pf-v6-c-menu-toggle__icon">
530
530
  <i class="fas fa-filter" aria-hidden="true"></i>
531
531
  </span>
532
- <span class="pf-v5-c-menu-toggle__text">Last month</span>
533
- <span class="pf-v5-c-menu-toggle__controls">
534
- <span class="pf-v5-c-menu-toggle__toggle-icon">
532
+ <span class="pf-v6-c-menu-toggle__text">Last month</span>
533
+ <span class="pf-v6-c-menu-toggle__controls">
534
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
535
535
  <i class="fas fa-caret-down" aria-hidden="true"></i>
536
536
  </span>
537
537
  </span>
538
538
  </button>
539
539
  </div>
540
- <div class="pf-v5-c-input-group__item">
541
- <div class="pf-v5-c-date-picker">
542
- <div class="pf-v5-c-date-picker__input">
540
+ <div class="pf-v6-c-input-group__item">
541
+ <div class="pf-v6-c-date-picker">
542
+ <div class="pf-v6-c-date-picker__input">
543
543
  <div
544
- class="pf-v5-c-input-group"
544
+ class="pf-v6-c-input-group"
545
545
  aria-label="search filter"
546
546
  role="group"
547
547
  >
548
- <span class="pf-v5-c-form-control">
548
+ <span class="pf-v6-c-form-control">
549
549
  <input
550
550
  type="text"
551
551
  value="2020-03-05"
@@ -555,7 +555,7 @@ section: components
555
555
  />
556
556
  </span>
557
557
  <button
558
- class="pf-v5-c-button pf-m-control"
558
+ class="pf-v6-c-button pf-m-control"
559
559
  type="button"
560
560
  aria-label="Toggle date picker"
561
561
  >
@@ -563,26 +563,26 @@ section: components
563
563
  </button>
564
564
  </div>
565
565
  </div>
566
- <div class="pf-v5-c-date-picker__helper-text">
567
- <div class="pf-v5-c-helper-text">
568
- <div class="pf-v5-c-helper-text__item">
566
+ <div class="pf-v6-c-date-picker__helper-text">
567
+ <div class="pf-v6-c-helper-text">
568
+ <div class="pf-v6-c-helper-text__item">
569
569
  <span
570
- class="pf-v5-c-helper-text__item-text"
570
+ class="pf-v6-c-helper-text__item-text"
571
571
  >MM/DD/YYYY</span>
572
572
  </div>
573
573
  </div>
574
574
  </div>
575
575
  </div>
576
576
  </div>
577
- <div class="pf-v5-c-input-group__item">
578
- <div class="pf-v5-c-date-picker">
579
- <div class="pf-v5-c-date-picker__input">
577
+ <div class="pf-v6-c-input-group__item">
578
+ <div class="pf-v6-c-date-picker">
579
+ <div class="pf-v6-c-date-picker__input">
580
580
  <div
581
- class="pf-v5-c-input-group"
581
+ class="pf-v6-c-input-group"
582
582
  aria-label="search filter"
583
583
  role="group"
584
584
  >
585
- <span class="pf-v5-c-form-control pf-m-error">
585
+ <span class="pf-v6-c-form-control pf-m-error">
586
586
  <input
587
587
  aria-invalid="true"
588
588
  type="text"
@@ -591,9 +591,9 @@ section: components
591
591
  name="toolbar-with-validation-example-invalid-input"
592
592
  aria-label="Date picker"
593
593
  />
594
- <span class="pf-v5-c-form-control__utilities">
594
+ <span class="pf-v6-c-form-control__utilities">
595
595
  <span
596
- class="pf-v5-c-form-control__icon pf-m-status"
596
+ class="pf-v6-c-form-control__icon pf-m-status"
597
597
  >
598
598
  <i
599
599
  class="fas fa-exclamation-circle"
@@ -603,20 +603,20 @@ section: components
603
603
  </span>
604
604
  </span>
605
605
  <button
606
- class="pf-v5-c-button pf-m-control"
606
+ class="pf-v6-c-button pf-m-control"
607
607
  type="button"
608
608
  aria-label="Toggle date picker"
609
609
  >
610
610
  <i class="fas fa-calendar-alt" aria-hidden="true"></i>
611
611
  </button>
612
612
  </div>
613
- <div class="pf-v5-c-date-picker__helper-text"></div>
613
+ <div class="pf-v6-c-date-picker__helper-text"></div>
614
614
  </div>
615
- <div class="pf-v5-c-date-picker__helper-text">
616
- <div class="pf-v5-c-helper-text">
617
- <div class="pf-v5-c-helper-text__item">
615
+ <div class="pf-v6-c-date-picker__helper-text">
616
+ <div class="pf-v6-c-helper-text">
617
+ <div class="pf-v6-c-helper-text__item">
618
618
  <span
619
- class="pf-v5-c-helper-text__item-text"
619
+ class="pf-v6-c-helper-text__item-text"
620
620
  >Max: 08/10/2022</span>
621
621
  </div>
622
622
  </div>
@@ -626,39 +626,39 @@ section: components
626
626
  </div>
627
627
  </div>
628
628
  </div>
629
- <div class="pf-v5-c-toolbar__item pf-m-search-filter">
629
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
630
630
  <div
631
- class="pf-v5-c-input-group"
631
+ class="pf-v6-c-input-group"
632
632
  aria-label="search filter"
633
633
  role="group"
634
634
  >
635
- <div class="pf-v5-c-input-group__item">
635
+ <div class="pf-v6-c-input-group__item">
636
636
  <button
637
- class="pf-v5-c-menu-toggle"
637
+ class="pf-v6-c-menu-toggle"
638
638
  type="button"
639
639
  aria-expanded="false"
640
640
  id="toolbar-with-validation-example-search-filter-menu"
641
641
  >
642
- <span class="pf-v5-c-menu-toggle__icon">
642
+ <span class="pf-v6-c-menu-toggle__icon">
643
643
  <i class="fas fa-filter" aria-hidden="true"></i>
644
644
  </span>
645
- <span class="pf-v5-c-menu-toggle__text">Description</span>
646
- <span class="pf-v5-c-menu-toggle__controls">
647
- <span class="pf-v5-c-menu-toggle__toggle-icon">
645
+ <span class="pf-v6-c-menu-toggle__text">Description</span>
646
+ <span class="pf-v6-c-menu-toggle__controls">
647
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
648
648
  <i class="fas fa-caret-down" aria-hidden="true"></i>
649
649
  </span>
650
650
  </span>
651
651
  </button>
652
652
  </div>
653
- <div class="pf-v5-c-input-group__item pf-m-fill">
654
- <div class="pf-v5-c-text-input-group">
655
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
656
- <span class="pf-v5-c-text-input-group__text">
657
- <span class="pf-v5-c-text-input-group__icon">
653
+ <div class="pf-v6-c-input-group__item pf-m-fill">
654
+ <div class="pf-v6-c-text-input-group">
655
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
656
+ <span class="pf-v6-c-text-input-group__text">
657
+ <span class="pf-v6-c-text-input-group__icon">
658
658
  <i class="fas fa-fw fa-search"></i>
659
659
  </span>
660
660
  <input
661
- class="pf-v5-c-text-input-group__text-input"
661
+ class="pf-v6-c-text-input-group__text-input"
662
662
  type="text"
663
663
  placeholder="Description"
664
664
  value
@@ -671,10 +671,10 @@ section: components
671
671
  </div>
672
672
  </div>
673
673
  </div>
674
- <button class="pf-v5-c-button pf-m-primary" type="button">Download</button>
674
+ <button class="pf-v6-c-button pf-m-primary" type="button">Download</button>
675
675
  </div>
676
676
  <div
677
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
677
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
678
678
  id="toolbar-with-validation-example-expandable-content"
679
679
  hidden
680
680
  ></div>
@@ -682,50 +682,50 @@ section: components
682
682
  </div>
683
683
  <div>
684
684
  <table
685
- class="pf-v5-c-table pf-m-grid-md"
685
+ class="pf-v6-c-table pf-m-grid-md"
686
686
  role="grid"
687
687
  aria-label="This is a table with checkboxes"
688
688
  id="-table-table"
689
689
  >
690
- <thead class="pf-v5-c-table__thead">
691
- <tr class="pf-v5-c-table__tr" role="row">
692
- <td class="pf-v5-c-table__td"></td>
690
+ <thead class="pf-v6-c-table__thead">
691
+ <tr class="pf-v6-c-table__tr" role="row">
692
+ <td class="pf-v6-c-table__td"></td>
693
693
  <th
694
- class="pf-v5-c-table__th"
694
+ class="pf-v6-c-table__th"
695
695
  role="columnheader"
696
696
  scope="col"
697
697
  >Repositories</th>
698
698
  <th
699
- class="pf-v5-c-table__th"
699
+ class="pf-v6-c-table__th"
700
700
  role="columnheader"
701
701
  scope="col"
702
702
  >Branches</th>
703
703
  <th
704
- class="pf-v5-c-table__th"
704
+ class="pf-v6-c-table__th"
705
705
  role="columnheader"
706
706
  scope="col"
707
707
  >Pull requests</th>
708
708
  <th
709
- class="pf-v5-c-table__th"
709
+ class="pf-v6-c-table__th"
710
710
  role="columnheader"
711
711
  scope="col"
712
712
  >Workspaces</th>
713
713
  <th
714
- class="pf-v5-c-table__th"
714
+ class="pf-v6-c-table__th"
715
715
  role="columnheader"
716
716
  scope="col"
717
717
  >Last commit</th>
718
- <td class="pf-v5-c-table__td"></td>
719
- <td class="pf-v5-c-table__td"></td>
718
+ <td class="pf-v6-c-table__td"></td>
719
+ <td class="pf-v6-c-table__td"></td>
720
720
  </tr>
721
721
  </thead>
722
722
 
723
- <tbody class="pf-v5-c-table__tbody" role="rowgroup">
724
- <tr class="pf-v5-c-table__tr" role="row">
725
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
726
- <div class="pf-v5-c-check pf-m-standalone">
723
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
724
+ <tr class="pf-v6-c-table__tr" role="row">
725
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
726
+ <div class="pf-v6-c-check pf-m-standalone">
727
727
  <input
728
- class="pf-v5-c-check__input"
728
+ class="pf-v6-c-check__input"
729
729
  type="checkbox"
730
730
  name="checkrow1"
731
731
  aria-labelledby="-table-table-node1"
@@ -733,7 +733,7 @@ section: components
733
733
  </div>
734
734
  </td>
735
735
  <th
736
- class="pf-v5-c-table__th"
736
+ class="pf-v6-c-table__th"
737
737
  role="columnheader"
738
738
  data-label="Repository name"
739
739
  >
@@ -742,13 +742,13 @@ section: components
742
742
  <a href="#">siemur/test-space</a>
743
743
  </div>
744
744
  </th>
745
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
745
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
746
746
  <span>
747
747
  <i class="fas fa-code-branch"></i> 10
748
748
  </span>
749
749
  </td>
750
750
  <td
751
- class="pf-v5-c-table__td"
751
+ class="pf-v6-c-table__td"
752
752
  role="cell"
753
753
  data-label="Pull requests"
754
754
  >
@@ -756,23 +756,23 @@ section: components
756
756
  <i class="fas fa-code"></i> 25
757
757
  </span>
758
758
  </td>
759
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
759
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
760
760
  <span>
761
761
  <i class="fas fa-cube"></i> 5
762
762
  </span>
763
763
  </td>
764
764
  <td
765
- class="pf-v5-c-table__td"
765
+ class="pf-v6-c-table__td"
766
766
  role="cell"
767
767
  data-label="Last commit"
768
768
  >2 days ago</td>
769
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
769
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
770
770
  <a href="#">Action link</a>
771
771
  </td>
772
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
773
- <div class="pf-v5-c-dropdown">
772
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
773
+ <div class="pf-v6-c-dropdown">
774
774
  <button
775
- class="pf-v5-c-dropdown__toggle pf-m-plain"
775
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
776
776
  id="-table-table-dropdown-kebab-1-button"
777
777
  aria-expanded="false"
778
778
  type="button"
@@ -781,28 +781,28 @@ section: components
781
781
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
782
782
  </button>
783
783
  <ul
784
- class="pf-v5-c-dropdown__menu pf-m-align-right"
784
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
785
785
  aria-labelledby="-table-table-dropdown-kebab-1-button"
786
786
  hidden
787
787
  role="menu"
788
788
  >
789
789
  <li role="none">
790
790
  <a
791
- class="pf-v5-c-dropdown__menu-item"
791
+ class="pf-v6-c-dropdown__menu-item"
792
792
  role="menuitem"
793
793
  href="#"
794
794
  >Link</a>
795
795
  </li>
796
796
  <li role="none">
797
797
  <button
798
- class="pf-v5-c-dropdown__menu-item"
798
+ class="pf-v6-c-dropdown__menu-item"
799
799
  role="menuitem"
800
800
  type="button"
801
801
  >Action</button>
802
802
  </li>
803
803
  <li role="none">
804
804
  <a
805
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
805
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
806
806
  role="menuitem"
807
807
  href="#"
808
808
  aria-disabled="true"
@@ -811,16 +811,16 @@ section: components
811
811
  </li>
812
812
  <li role="none">
813
813
  <button
814
- class="pf-v5-c-dropdown__menu-item"
814
+ class="pf-v6-c-dropdown__menu-item"
815
815
  role="menuitem"
816
816
  type="button"
817
817
  disabled
818
818
  >Disabled action</button>
819
819
  </li>
820
- <li class="pf-v5-c-divider" role="separator"></li>
820
+ <li class="pf-v6-c-divider" role="separator"></li>
821
821
  <li role="none">
822
822
  <a
823
- class="pf-v5-c-dropdown__menu-item"
823
+ class="pf-v6-c-dropdown__menu-item"
824
824
  role="menuitem"
825
825
  href="#"
826
826
  >Separated link</a>
@@ -830,11 +830,11 @@ section: components
830
830
  </td>
831
831
  </tr>
832
832
 
833
- <tr class="pf-v5-c-table__tr" role="row">
834
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
835
- <div class="pf-v5-c-check pf-m-standalone">
833
+ <tr class="pf-v6-c-table__tr" role="row">
834
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
835
+ <div class="pf-v6-c-check pf-m-standalone">
836
836
  <input
837
- class="pf-v5-c-check__input"
837
+ class="pf-v6-c-check__input"
838
838
  type="checkbox"
839
839
  name="checkrow2"
840
840
  aria-labelledby="-table-table-node2"
@@ -842,7 +842,7 @@ section: components
842
842
  </div>
843
843
  </td>
844
844
  <th
845
- class="pf-v5-c-table__th"
845
+ class="pf-v6-c-table__th"
846
846
  role="columnheader"
847
847
  data-label="Repository name"
848
848
  >
@@ -851,13 +851,13 @@ section: components
851
851
  <a href="#">siemur/test-space</a>
852
852
  </div>
853
853
  </th>
854
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
854
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
855
855
  <span>
856
856
  <i class="fas fa-code-branch"></i> 8
857
857
  </span>
858
858
  </td>
859
859
  <td
860
- class="pf-v5-c-table__td"
860
+ class="pf-v6-c-table__td"
861
861
  role="cell"
862
862
  data-label="Pull requests"
863
863
  >
@@ -865,23 +865,23 @@ section: components
865
865
  <i class="fas fa-code"></i> 30
866
866
  </span>
867
867
  </td>
868
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
868
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
869
869
  <span>
870
870
  <i class="fas fa-cube"></i> 2
871
871
  </span>
872
872
  </td>
873
873
  <td
874
- class="pf-v5-c-table__td"
874
+ class="pf-v6-c-table__td"
875
875
  role="cell"
876
876
  data-label="Last commit"
877
877
  >2 days ago</td>
878
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
878
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
879
879
  <a href="#">Action link</a>
880
880
  </td>
881
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
882
- <div class="pf-v5-c-dropdown">
881
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
882
+ <div class="pf-v6-c-dropdown">
883
883
  <button
884
- class="pf-v5-c-dropdown__toggle pf-m-plain"
884
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
885
885
  id="-table-table-dropdown-kebab-2-button"
886
886
  aria-expanded="false"
887
887
  type="button"
@@ -890,28 +890,28 @@ section: components
890
890
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
891
891
  </button>
892
892
  <ul
893
- class="pf-v5-c-dropdown__menu pf-m-align-right"
893
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
894
894
  aria-labelledby="-table-table-dropdown-kebab-2-button"
895
895
  hidden
896
896
  role="menu"
897
897
  >
898
898
  <li role="none">
899
899
  <a
900
- class="pf-v5-c-dropdown__menu-item"
900
+ class="pf-v6-c-dropdown__menu-item"
901
901
  role="menuitem"
902
902
  href="#"
903
903
  >Link</a>
904
904
  </li>
905
905
  <li role="none">
906
906
  <button
907
- class="pf-v5-c-dropdown__menu-item"
907
+ class="pf-v6-c-dropdown__menu-item"
908
908
  role="menuitem"
909
909
  type="button"
910
910
  >Action</button>
911
911
  </li>
912
912
  <li role="none">
913
913
  <a
914
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
914
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
915
915
  role="menuitem"
916
916
  href="#"
917
917
  aria-disabled="true"
@@ -920,16 +920,16 @@ section: components
920
920
  </li>
921
921
  <li role="none">
922
922
  <button
923
- class="pf-v5-c-dropdown__menu-item"
923
+ class="pf-v6-c-dropdown__menu-item"
924
924
  role="menuitem"
925
925
  type="button"
926
926
  disabled
927
927
  >Disabled action</button>
928
928
  </li>
929
- <li class="pf-v5-c-divider" role="separator"></li>
929
+ <li class="pf-v6-c-divider" role="separator"></li>
930
930
  <li role="none">
931
931
  <a
932
- class="pf-v5-c-dropdown__menu-item"
932
+ class="pf-v6-c-dropdown__menu-item"
933
933
  role="menuitem"
934
934
  href="#"
935
935
  >Separated link</a>
@@ -939,11 +939,11 @@ section: components
939
939
  </td>
940
940
  </tr>
941
941
 
942
- <tr class="pf-v5-c-table__tr" role="row">
943
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
944
- <div class="pf-v5-c-check pf-m-standalone">
942
+ <tr class="pf-v6-c-table__tr" role="row">
943
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
944
+ <div class="pf-v6-c-check pf-m-standalone">
945
945
  <input
946
- class="pf-v5-c-check__input"
946
+ class="pf-v6-c-check__input"
947
947
  type="checkbox"
948
948
  name="checkrow3"
949
949
  aria-labelledby="-table-table-node3"
@@ -951,7 +951,7 @@ section: components
951
951
  </div>
952
952
  </td>
953
953
  <th
954
- class="pf-v5-c-table__th"
954
+ class="pf-v6-c-table__th"
955
955
  role="columnheader"
956
956
  data-label="Repository name"
957
957
  >
@@ -960,13 +960,13 @@ section: components
960
960
  <a href="#">siemur/test-space</a>
961
961
  </div>
962
962
  </th>
963
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
963
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
964
964
  <span>
965
965
  <i class="fas fa-code-branch"></i> 12
966
966
  </span>
967
967
  </td>
968
968
  <td
969
- class="pf-v5-c-table__td"
969
+ class="pf-v6-c-table__td"
970
970
  role="cell"
971
971
  data-label="Pull requests"
972
972
  >
@@ -974,23 +974,23 @@ section: components
974
974
  <i class="fas fa-code"></i> 48
975
975
  </span>
976
976
  </td>
977
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
977
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
978
978
  <span>
979
979
  <i class="fas fa-cube"></i> 13
980
980
  </span>
981
981
  </td>
982
982
  <td
983
- class="pf-v5-c-table__td"
983
+ class="pf-v6-c-table__td"
984
984
  role="cell"
985
985
  data-label="Last commit"
986
986
  >30 days ago</td>
987
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
987
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
988
988
  <a href="#">Action link</a>
989
989
  </td>
990
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
991
- <div class="pf-v5-c-dropdown">
990
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
991
+ <div class="pf-v6-c-dropdown">
992
992
  <button
993
- class="pf-v5-c-dropdown__toggle pf-m-plain"
993
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
994
994
  id="-table-table-dropdown-kebab-3-button"
995
995
  aria-expanded="false"
996
996
  type="button"
@@ -999,28 +999,28 @@ section: components
999
999
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1000
1000
  </button>
1001
1001
  <ul
1002
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1002
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1003
1003
  aria-labelledby="-table-table-dropdown-kebab-3-button"
1004
1004
  hidden
1005
1005
  role="menu"
1006
1006
  >
1007
1007
  <li role="none">
1008
1008
  <a
1009
- class="pf-v5-c-dropdown__menu-item"
1009
+ class="pf-v6-c-dropdown__menu-item"
1010
1010
  role="menuitem"
1011
1011
  href="#"
1012
1012
  >Link</a>
1013
1013
  </li>
1014
1014
  <li role="none">
1015
1015
  <button
1016
- class="pf-v5-c-dropdown__menu-item"
1016
+ class="pf-v6-c-dropdown__menu-item"
1017
1017
  role="menuitem"
1018
1018
  type="button"
1019
1019
  >Action</button>
1020
1020
  </li>
1021
1021
  <li role="none">
1022
1022
  <a
1023
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1023
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1024
1024
  role="menuitem"
1025
1025
  href="#"
1026
1026
  aria-disabled="true"
@@ -1029,16 +1029,16 @@ section: components
1029
1029
  </li>
1030
1030
  <li role="none">
1031
1031
  <button
1032
- class="pf-v5-c-dropdown__menu-item"
1032
+ class="pf-v6-c-dropdown__menu-item"
1033
1033
  role="menuitem"
1034
1034
  type="button"
1035
1035
  disabled
1036
1036
  >Disabled action</button>
1037
1037
  </li>
1038
- <li class="pf-v5-c-divider" role="separator"></li>
1038
+ <li class="pf-v6-c-divider" role="separator"></li>
1039
1039
  <li role="none">
1040
1040
  <a
1041
- class="pf-v5-c-dropdown__menu-item"
1041
+ class="pf-v6-c-dropdown__menu-item"
1042
1042
  role="menuitem"
1043
1043
  href="#"
1044
1044
  >Separated link</a>
@@ -1048,11 +1048,11 @@ section: components
1048
1048
  </td>
1049
1049
  </tr>
1050
1050
 
1051
- <tr class="pf-v5-c-table__tr" role="row">
1052
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1053
- <div class="pf-v5-c-check pf-m-standalone">
1051
+ <tr class="pf-v6-c-table__tr" role="row">
1052
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
1053
+ <div class="pf-v6-c-check pf-m-standalone">
1054
1054
  <input
1055
- class="pf-v5-c-check__input"
1055
+ class="pf-v6-c-check__input"
1056
1056
  type="checkbox"
1057
1057
  name="checkrow4"
1058
1058
  aria-labelledby="-table-table-node4"
@@ -1060,7 +1060,7 @@ section: components
1060
1060
  </div>
1061
1061
  </td>
1062
1062
  <th
1063
- class="pf-v5-c-table__th"
1063
+ class="pf-v6-c-table__th"
1064
1064
  role="columnheader"
1065
1065
  data-label="Repository name"
1066
1066
  >
@@ -1069,13 +1069,13 @@ section: components
1069
1069
  <a href="#">siemur/test-space</a>
1070
1070
  </div>
1071
1071
  </th>
1072
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1072
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
1073
1073
  <span>
1074
1074
  <i class="fas fa-code-branch"></i> 3
1075
1075
  </span>
1076
1076
  </td>
1077
1077
  <td
1078
- class="pf-v5-c-table__td"
1078
+ class="pf-v6-c-table__td"
1079
1079
  role="cell"
1080
1080
  data-label="Pull requests"
1081
1081
  >
@@ -1083,23 +1083,23 @@ section: components
1083
1083
  <i class="fas fa-code"></i> 8
1084
1084
  </span>
1085
1085
  </td>
1086
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1086
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
1087
1087
  <span>
1088
1088
  <i class="fas fa-cube"></i> 20
1089
1089
  </span>
1090
1090
  </td>
1091
1091
  <td
1092
- class="pf-v5-c-table__td"
1092
+ class="pf-v6-c-table__td"
1093
1093
  role="cell"
1094
1094
  data-label="Last commit"
1095
1095
  >8 days ago</td>
1096
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1096
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
1097
1097
  <a href="#">Action link</a>
1098
1098
  </td>
1099
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1100
- <div class="pf-v5-c-dropdown">
1099
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
1100
+ <div class="pf-v6-c-dropdown">
1101
1101
  <button
1102
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1102
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1103
1103
  id="-table-table-dropdown-kebab-4-button"
1104
1104
  aria-expanded="false"
1105
1105
  type="button"
@@ -1108,28 +1108,28 @@ section: components
1108
1108
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1109
1109
  </button>
1110
1110
  <ul
1111
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1111
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1112
1112
  aria-labelledby="-table-table-dropdown-kebab-4-button"
1113
1113
  hidden
1114
1114
  role="menu"
1115
1115
  >
1116
1116
  <li role="none">
1117
1117
  <a
1118
- class="pf-v5-c-dropdown__menu-item"
1118
+ class="pf-v6-c-dropdown__menu-item"
1119
1119
  role="menuitem"
1120
1120
  href="#"
1121
1121
  >Link</a>
1122
1122
  </li>
1123
1123
  <li role="none">
1124
1124
  <button
1125
- class="pf-v5-c-dropdown__menu-item"
1125
+ class="pf-v6-c-dropdown__menu-item"
1126
1126
  role="menuitem"
1127
1127
  type="button"
1128
1128
  >Action</button>
1129
1129
  </li>
1130
1130
  <li role="none">
1131
1131
  <a
1132
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1132
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1133
1133
  role="menuitem"
1134
1134
  href="#"
1135
1135
  aria-disabled="true"
@@ -1138,16 +1138,16 @@ section: components
1138
1138
  </li>
1139
1139
  <li role="none">
1140
1140
  <button
1141
- class="pf-v5-c-dropdown__menu-item"
1141
+ class="pf-v6-c-dropdown__menu-item"
1142
1142
  role="menuitem"
1143
1143
  type="button"
1144
1144
  disabled
1145
1145
  >Disabled action</button>
1146
1146
  </li>
1147
- <li class="pf-v5-c-divider" role="separator"></li>
1147
+ <li class="pf-v6-c-divider" role="separator"></li>
1148
1148
  <li role="none">
1149
1149
  <a
1150
- class="pf-v5-c-dropdown__menu-item"
1150
+ class="pf-v6-c-dropdown__menu-item"
1151
1151
  role="menuitem"
1152
1152
  href="#"
1153
1153
  >Separated link</a>
@@ -1157,11 +1157,11 @@ section: components
1157
1157
  </td>
1158
1158
  </tr>
1159
1159
 
1160
- <tr class="pf-v5-c-table__tr" role="row">
1161
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
1162
- <div class="pf-v5-c-check pf-m-standalone">
1160
+ <tr class="pf-v6-c-table__tr" role="row">
1161
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
1162
+ <div class="pf-v6-c-check pf-m-standalone">
1163
1163
  <input
1164
- class="pf-v5-c-check__input"
1164
+ class="pf-v6-c-check__input"
1165
1165
  type="checkbox"
1166
1166
  name="checkrow5"
1167
1167
  aria-labelledby="-table-table-node5"
@@ -1169,7 +1169,7 @@ section: components
1169
1169
  </div>
1170
1170
  </td>
1171
1171
  <td
1172
- class="pf-v5-c-table__td"
1172
+ class="pf-v6-c-table__td"
1173
1173
  role="cell"
1174
1174
  data-label="Repository name"
1175
1175
  >
@@ -1178,13 +1178,13 @@ section: components
1178
1178
  <a href="#">siemur/test-space</a>
1179
1179
  </div>
1180
1180
  </td>
1181
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
1181
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
1182
1182
  <span>
1183
1183
  <i class="fas fa-code-branch"></i> 34
1184
1184
  </span>
1185
1185
  </td>
1186
1186
  <td
1187
- class="pf-v5-c-table__td"
1187
+ class="pf-v6-c-table__td"
1188
1188
  role="cell"
1189
1189
  data-label="Pull requests"
1190
1190
  >
@@ -1192,23 +1192,23 @@ section: components
1192
1192
  <i class="fas fa-code"></i> 21
1193
1193
  </span>
1194
1194
  </td>
1195
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
1195
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
1196
1196
  <span>
1197
1197
  <i class="fas fa-cube"></i> 26
1198
1198
  </span>
1199
1199
  </td>
1200
1200
  <td
1201
- class="pf-v5-c-table__td"
1201
+ class="pf-v6-c-table__td"
1202
1202
  role="cell"
1203
1203
  data-label="Last commit"
1204
1204
  >2 days ago</td>
1205
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
1205
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
1206
1206
  <a href="#">Action link</a>
1207
1207
  </td>
1208
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
1209
- <div class="pf-v5-c-dropdown">
1208
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
1209
+ <div class="pf-v6-c-dropdown">
1210
1210
  <button
1211
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1211
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1212
1212
  id="-table-table-dropdown-kebab-5-button"
1213
1213
  aria-expanded="false"
1214
1214
  type="button"
@@ -1217,28 +1217,28 @@ section: components
1217
1217
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1218
1218
  </button>
1219
1219
  <ul
1220
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1220
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1221
1221
  aria-labelledby="-table-table-dropdown-kebab-5-button"
1222
1222
  hidden
1223
1223
  role="menu"
1224
1224
  >
1225
1225
  <li role="none">
1226
1226
  <a
1227
- class="pf-v5-c-dropdown__menu-item"
1227
+ class="pf-v6-c-dropdown__menu-item"
1228
1228
  role="menuitem"
1229
1229
  href="#"
1230
1230
  >Link</a>
1231
1231
  </li>
1232
1232
  <li role="none">
1233
1233
  <button
1234
- class="pf-v5-c-dropdown__menu-item"
1234
+ class="pf-v6-c-dropdown__menu-item"
1235
1235
  role="menuitem"
1236
1236
  type="button"
1237
1237
  >Action</button>
1238
1238
  </li>
1239
1239
  <li role="none">
1240
1240
  <a
1241
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1241
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1242
1242
  role="menuitem"
1243
1243
  href="#"
1244
1244
  aria-disabled="true"
@@ -1247,16 +1247,16 @@ section: components
1247
1247
  </li>
1248
1248
  <li role="none">
1249
1249
  <button
1250
- class="pf-v5-c-dropdown__menu-item"
1250
+ class="pf-v6-c-dropdown__menu-item"
1251
1251
  role="menuitem"
1252
1252
  type="button"
1253
1253
  disabled
1254
1254
  >Disabled action</button>
1255
1255
  </li>
1256
- <li class="pf-v5-c-divider" role="separator"></li>
1256
+ <li class="pf-v6-c-divider" role="separator"></li>
1257
1257
  <li role="none">
1258
1258
  <a
1259
- class="pf-v5-c-dropdown__menu-item"
1259
+ class="pf-v6-c-dropdown__menu-item"
1260
1260
  role="menuitem"
1261
1261
  href="#"
1262
1262
  >Separated link</a>
@@ -1278,35 +1278,35 @@ section: components
1278
1278
 
1279
1279
  ```html
1280
1280
  <div
1281
- class="pf-v5-c-toolbar"
1281
+ class="pf-v6-c-toolbar"
1282
1282
  id="toolbar-attribute-value-search-filter-mobile-example"
1283
1283
  >
1284
- <div class="pf-v5-c-toolbar__content">
1285
- <div class="pf-v5-c-toolbar__content-section">
1286
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
1287
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
1284
+ <div class="pf-v6-c-toolbar__content">
1285
+ <div class="pf-v6-c-toolbar__content-section">
1286
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group">
1287
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
1288
1288
  <button
1289
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
1289
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
1290
1290
  type="button"
1291
1291
  aria-expanded="true"
1292
1292
  aria-label="Show filters"
1293
1293
  aria-controls="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
1294
1294
  >
1295
- <span class="pf-v5-c-menu-toggle__icon">
1295
+ <span class="pf-v6-c-menu-toggle__icon">
1296
1296
  <i class="fas fa-filter" aria-hidden="true"></i>
1297
1297
  </span>
1298
1298
  </button>
1299
1299
  </div>
1300
1300
  </div>
1301
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
1301
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1302
1302
  <div
1303
- class="pf-v5-c-overflow-menu"
1303
+ class="pf-v6-c-overflow-menu"
1304
1304
  id="toolbar-attribute-value-search-filter-mobile-example-overflow-menu"
1305
1305
  >
1306
- <div class="pf-v5-c-overflow-menu__control">
1307
- <div class="pf-v5-c-dropdown">
1306
+ <div class="pf-v6-c-overflow-menu__control">
1307
+ <div class="pf-v6-c-dropdown">
1308
1308
  <button
1309
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1309
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1310
1310
  type="button"
1311
1311
  id="toolbar-attribute-value-search-filter-mobile-example-overflow-menu-dropdown-toggle"
1312
1312
  aria-label="Overflow menu"
@@ -1315,7 +1315,7 @@ section: components
1315
1315
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1316
1316
  </button>
1317
1317
  <ul
1318
- class="pf-v5-c-dropdown__menu"
1318
+ class="pf-v6-c-dropdown__menu"
1319
1319
  role="menu"
1320
1320
  aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-overflow-menu-dropdown-toggle"
1321
1321
  hidden
@@ -1323,19 +1323,19 @@ section: components
1323
1323
  <li role="none">
1324
1324
  <button
1325
1325
  role="menuitem"
1326
- class="pf-v5-c-dropdown__menu-item"
1326
+ class="pf-v6-c-dropdown__menu-item"
1327
1327
  >Primary</button>
1328
1328
  </li>
1329
1329
  <li role="none">
1330
1330
  <button
1331
1331
  role="menuitem"
1332
- class="pf-v5-c-dropdown__menu-item"
1332
+ class="pf-v6-c-dropdown__menu-item"
1333
1333
  >Secondary</button>
1334
1334
  </li>
1335
1335
  <li role="none">
1336
1336
  <button
1337
1337
  role="menuitem"
1338
- class="pf-v5-c-dropdown__menu-item"
1338
+ class="pf-v6-c-dropdown__menu-item"
1339
1339
  >Tertiary</button>
1340
1340
  </li>
1341
1341
  </ul>
@@ -1343,58 +1343,58 @@ section: components
1343
1343
  </div>
1344
1344
  </div>
1345
1345
  </div>
1346
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
1346
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
1347
1347
  <div
1348
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1348
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1349
1349
  >
1350
1350
  <div
1351
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1351
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1352
1352
  >
1353
- <div class="pf-v5-c-pagination__page-menu">
1354
- <div class="pf-v5-c-options-menu">
1353
+ <div class="pf-v6-c-pagination__page-menu">
1354
+ <div class="pf-v6-c-options-menu">
1355
1355
  <button
1356
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1356
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1357
1357
  type="button"
1358
1358
  id="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
1359
1359
  aria-haspopup="listbox"
1360
1360
  aria-expanded="false"
1361
1361
  >
1362
- <span class="pf-v5-c-options-menu__toggle-text">
1362
+ <span class="pf-v6-c-options-menu__toggle-text">
1363
1363
  <b>1 - 10</b>&nbsp;of&nbsp;
1364
1364
  <b>36</b>
1365
1365
  </span>
1366
- <div class="pf-v5-c-options-menu__toggle-icon">
1366
+ <div class="pf-v6-c-options-menu__toggle-icon">
1367
1367
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1368
1368
  </div>
1369
1369
  </button>
1370
1370
  <ul
1371
- class="pf-v5-c-options-menu__menu"
1371
+ class="pf-v6-c-options-menu__menu"
1372
1372
  role="menu"
1373
1373
  aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
1374
1374
  hidden
1375
1375
  >
1376
1376
  <li role="none">
1377
1377
  <button
1378
- class="pf-v5-c-options-menu__menu-item"
1378
+ class="pf-v6-c-options-menu__menu-item"
1379
1379
  type="button"
1380
1380
  role="menuitem"
1381
1381
  >5 per page</button>
1382
1382
  </li>
1383
1383
  <li role="none">
1384
1384
  <button
1385
- class="pf-v5-c-options-menu__menu-item"
1385
+ class="pf-v6-c-options-menu__menu-item"
1386
1386
  type="button"
1387
1387
  role="menuitem"
1388
1388
  >
1389
1389
  10 per page
1390
- <div class="pf-v5-c-options-menu__menu-item-icon">
1390
+ <div class="pf-v6-c-options-menu__menu-item-icon">
1391
1391
  <i class="fas fa-check" aria-hidden="true"></i>
1392
1392
  </div>
1393
1393
  </button>
1394
1394
  </li>
1395
1395
  <li role="none">
1396
1396
  <button
1397
- class="pf-v5-c-options-menu__menu-item"
1397
+ class="pf-v6-c-options-menu__menu-item"
1398
1398
  type="button"
1399
1399
  role="menuitem"
1400
1400
  >20 per page</button>
@@ -1402,10 +1402,10 @@ section: components
1402
1402
  </ul>
1403
1403
  </div>
1404
1404
  </div>
1405
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1406
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
1405
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1406
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1407
1407
  <button
1408
- class="pf-v5-c-button pf-m-plain"
1408
+ class="pf-v6-c-button pf-m-plain"
1409
1409
  type="button"
1410
1410
  disabled
1411
1411
  aria-label="Go to previous page"
@@ -1413,9 +1413,9 @@ section: components
1413
1413
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1414
1414
  </button>
1415
1415
  </div>
1416
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
1416
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1417
1417
  <button
1418
- class="pf-v5-c-button pf-m-plain"
1418
+ class="pf-v6-c-button pf-m-plain"
1419
1419
  type="button"
1420
1420
  aria-label="Go to next page"
1421
1421
  >
@@ -1428,42 +1428,42 @@ section: components
1428
1428
  </div>
1429
1429
  </div>
1430
1430
  <div
1431
- class="pf-v5-c-toolbar__expandable-content pf-m-expanded"
1431
+ class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
1432
1432
  id="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
1433
1433
  >
1434
- <div class="pf-v5-c-toolbar__item pf-m-search-filter">
1434
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
1435
1435
  <div
1436
- class="pf-v5-c-input-group"
1436
+ class="pf-v6-c-input-group"
1437
1437
  aria-label="search filter"
1438
1438
  role="group"
1439
1439
  >
1440
- <div class="pf-v5-c-input-group__item">
1440
+ <div class="pf-v6-c-input-group__item">
1441
1441
  <button
1442
- class="pf-v5-c-menu-toggle"
1442
+ class="pf-v6-c-menu-toggle"
1443
1443
  type="button"
1444
1444
  aria-expanded="false"
1445
1445
  id="toolbar-attribute-value-search-filter-mobile-example-search-filter-menu"
1446
1446
  >
1447
- <span class="pf-v5-c-menu-toggle__icon">
1447
+ <span class="pf-v6-c-menu-toggle__icon">
1448
1448
  <i class="fas fa-filter" aria-hidden="true"></i>
1449
1449
  </span>
1450
- <span class="pf-v5-c-menu-toggle__text">Name</span>
1451
- <span class="pf-v5-c-menu-toggle__controls">
1452
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1450
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
1451
+ <span class="pf-v6-c-menu-toggle__controls">
1452
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1453
1453
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1454
1454
  </span>
1455
1455
  </span>
1456
1456
  </button>
1457
1457
  </div>
1458
- <div class="pf-v5-c-input-group__item pf-m-fill">
1459
- <div class="pf-v5-c-text-input-group">
1460
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
1461
- <span class="pf-v5-c-text-input-group__text">
1462
- <span class="pf-v5-c-text-input-group__icon">
1458
+ <div class="pf-v6-c-input-group__item pf-m-fill">
1459
+ <div class="pf-v6-c-text-input-group">
1460
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
1461
+ <span class="pf-v6-c-text-input-group__text">
1462
+ <span class="pf-v6-c-text-input-group__icon">
1463
1463
  <i class="fas fa-fw fa-search"></i>
1464
1464
  </span>
1465
1465
  <input
1466
- class="pf-v5-c-text-input-group__text-input"
1466
+ class="pf-v6-c-text-input-group__text-input"
1467
1467
  type="text"
1468
1468
  placeholder="Filter by name"
1469
1469
  value
@@ -1485,112 +1485,112 @@ section: components
1485
1485
 
1486
1486
  ```html
1487
1487
  <div
1488
- class="pf-v5-c-toolbar"
1488
+ class="pf-v6-c-toolbar"
1489
1489
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example"
1490
1490
  >
1491
- <div class="pf-v5-c-toolbar__content">
1492
- <div class="pf-v5-c-toolbar__content-section">
1493
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
1494
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
1491
+ <div class="pf-v6-c-toolbar__content">
1492
+ <div class="pf-v6-c-toolbar__content-section">
1493
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show">
1494
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
1495
1495
  <button
1496
- class="pf-v5-c-menu-toggle pf-m-plain"
1496
+ class="pf-v6-c-menu-toggle pf-m-plain"
1497
1497
  type="button"
1498
1498
  aria-expanded="false"
1499
1499
  aria-label="Show filters"
1500
1500
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
1501
1501
  >
1502
- <span class="pf-v5-c-menu-toggle__icon">
1502
+ <span class="pf-v6-c-menu-toggle__icon">
1503
1503
  <i class="fas fa-filter" aria-hidden="true"></i>
1504
1504
  </span>
1505
1505
  </button>
1506
1506
  </div>
1507
- <div class="pf-v5-c-toolbar__group pf-m-filter-group">
1508
- <div class="pf-v5-c-toolbar__item">
1507
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
1508
+ <div class="pf-v6-c-toolbar__item">
1509
1509
  <button
1510
- class="pf-v5-c-menu-toggle"
1510
+ class="pf-v6-c-menu-toggle"
1511
1511
  type="button"
1512
1512
  aria-expanded="false"
1513
1513
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-status"
1514
1514
  >
1515
- <span class="pf-v5-c-menu-toggle__icon">
1515
+ <span class="pf-v6-c-menu-toggle__icon">
1516
1516
  <i class="fas fa-filter" aria-hidden="true"></i>
1517
1517
  </span>
1518
- <span class="pf-v5-c-menu-toggle__text">Status</span>
1519
- <span class="pf-v5-c-menu-toggle__controls">
1520
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1518
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
1519
+ <span class="pf-v6-c-menu-toggle__controls">
1520
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1521
1521
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1522
1522
  </span>
1523
1523
  </span>
1524
1524
  </button>
1525
1525
  </div>
1526
- <div class="pf-v5-c-toolbar__item">
1526
+ <div class="pf-v6-c-toolbar__item">
1527
1527
  <button
1528
- class="pf-v5-c-menu-toggle pf-m-expanded"
1528
+ class="pf-v6-c-menu-toggle pf-m-expanded"
1529
1529
  type="button"
1530
1530
  aria-expanded="true"
1531
1531
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-stopped"
1532
1532
  >
1533
- <span class="pf-v5-c-menu-toggle__text">Stopped</span>
1534
- <span class="pf-v5-c-menu-toggle__controls">
1535
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1533
+ <span class="pf-v6-c-menu-toggle__text">Stopped</span>
1534
+ <span class="pf-v6-c-menu-toggle__controls">
1535
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1536
1536
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1537
1537
  </span>
1538
1538
  </span>
1539
1539
  </button>
1540
- <div class="pf-v5-c-panel">
1541
- <div class="pf-v5-c-menu" width="175px">
1542
- <div class="pf-v5-c-menu__content">
1543
- <section class="pf-v5-c-menu__group">
1544
- <ul class="pf-v5-c-menu__list" role="menu">
1545
- <li class="pf-v5-c-menu__list-item" role="none">
1540
+ <div class="pf-v6-c-panel">
1541
+ <div class="pf-v6-c-menu" width="175px">
1542
+ <div class="pf-v6-c-menu__content">
1543
+ <section class="pf-v6-c-menu__group">
1544
+ <ul class="pf-v6-c-menu__list" role="menu">
1545
+ <li class="pf-v6-c-menu__list-item" role="none">
1546
1546
  <button
1547
- class="pf-v5-c-menu__item"
1547
+ class="pf-v6-c-menu__item"
1548
1548
  type="button"
1549
1549
  role="menuitem"
1550
1550
  >
1551
- <span class="pf-v5-c-menu__item-text">Running</span>
1551
+ <span class="pf-v6-c-menu__item-text">Running</span>
1552
1552
  </button>
1553
1553
  </li>
1554
- <li class="pf-v5-c-menu__list-item" role="none">
1554
+ <li class="pf-v6-c-menu__list-item" role="none">
1555
1555
  <button
1556
- class="pf-v5-c-menu__item pf-m-selected"
1556
+ class="pf-v6-c-menu__item pf-m-selected"
1557
1557
  type="button"
1558
1558
  role="menuitem"
1559
1559
  >
1560
- <span class="pf-v5-c-menu__item-main">
1561
- <span class="pf-v5-c-menu__item-text">Stopped</span>
1562
- <span class="pf-v5-c-menu__item-select-icon">
1560
+ <span class="pf-v6-c-menu__item-main">
1561
+ <span class="pf-v6-c-menu__item-text">Stopped</span>
1562
+ <span class="pf-v6-c-menu__item-select-icon">
1563
1563
  <i class="fas fa-check" aria-hidden="true"></i>
1564
1564
  </span>
1565
1565
  </span>
1566
1566
  </button>
1567
1567
  </li>
1568
- <li class="pf-v5-c-menu__list-item" role="none">
1568
+ <li class="pf-v6-c-menu__list-item" role="none">
1569
1569
  <button
1570
- class="pf-v5-c-menu__item"
1570
+ class="pf-v6-c-menu__item"
1571
1571
  type="button"
1572
1572
  role="menuitem"
1573
1573
  >
1574
- <span class="pf-v5-c-menu__item-text">Down</span>
1574
+ <span class="pf-v6-c-menu__item-text">Down</span>
1575
1575
  </button>
1576
1576
  </li>
1577
- <li class="pf-v5-c-menu__list-item" role="none">
1577
+ <li class="pf-v6-c-menu__list-item" role="none">
1578
1578
  <button
1579
- class="pf-v5-c-menu__item"
1579
+ class="pf-v6-c-menu__item"
1580
1580
  type="button"
1581
1581
  role="menuitem"
1582
1582
  >
1583
- <span class="pf-v5-c-menu__item-text">Degraded</span>
1583
+ <span class="pf-v6-c-menu__item-text">Degraded</span>
1584
1584
  </button>
1585
1585
  </li>
1586
- <li class="pf-v5-c-menu__list-item" role="none">
1586
+ <li class="pf-v6-c-menu__list-item" role="none">
1587
1587
  <button
1588
- class="pf-v5-c-menu__item"
1588
+ class="pf-v6-c-menu__item"
1589
1589
  type="button"
1590
1590
  role="menuitem"
1591
1591
  >
1592
1592
  <span
1593
- class="pf-v5-c-menu__item-text"
1593
+ class="pf-v6-c-menu__item-text"
1594
1594
  >Needs maintenance</span>
1595
1595
  </button>
1596
1596
  </li>
@@ -1602,32 +1602,32 @@ section: components
1602
1602
  </div>
1603
1603
  </div>
1604
1604
  </div>
1605
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
1605
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1606
1606
  <div
1607
- class="pf-v5-c-overflow-menu"
1607
+ class="pf-v6-c-overflow-menu"
1608
1608
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menu"
1609
1609
  >
1610
- <div class="pf-v5-c-overflow-menu__content">
1611
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
1612
- <div class="pf-v5-c-overflow-menu__item">
1610
+ <div class="pf-v6-c-overflow-menu__content">
1611
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
1612
+ <div class="pf-v6-c-overflow-menu__item">
1613
1613
  <button
1614
- class="pf-v5-c-button pf-m-primary"
1614
+ class="pf-v6-c-button pf-m-primary"
1615
1615
  type="button"
1616
1616
  >Primary</button>
1617
1617
  </div>
1618
- <div class="pf-v5-c-overflow-menu__item">
1618
+ <div class="pf-v6-c-overflow-menu__item">
1619
1619
  <button
1620
- class="pf-v5-c-button pf-m-secondary"
1620
+ class="pf-v6-c-button pf-m-secondary"
1621
1621
  type="button"
1622
1622
  >Secondary</button>
1623
1623
  </div>
1624
1624
  </div>
1625
1625
  </div>
1626
1626
 
1627
- <div class="pf-v5-c-overflow-menu__control">
1628
- <div class="pf-v5-c-dropdown">
1627
+ <div class="pf-v6-c-overflow-menu__control">
1628
+ <div class="pf-v6-c-dropdown">
1629
1629
  <button
1630
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1630
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1631
1631
  type="button"
1632
1632
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
1633
1633
  aria-label="Overflow menu"
@@ -1636,7 +1636,7 @@ section: components
1636
1636
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1637
1637
  </button>
1638
1638
  <ul
1639
- class="pf-v5-c-dropdown__menu"
1639
+ class="pf-v6-c-dropdown__menu"
1640
1640
  role="menu"
1641
1641
  aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
1642
1642
  hidden
@@ -1644,7 +1644,7 @@ section: components
1644
1644
  <li role="none">
1645
1645
  <button
1646
1646
  role="menuitem"
1647
- class="pf-v5-c-dropdown__menu-item"
1647
+ class="pf-v6-c-dropdown__menu-item"
1648
1648
  >Tertiary</button>
1649
1649
  </li>
1650
1650
  </ul>
@@ -1652,58 +1652,58 @@ section: components
1652
1652
  </div>
1653
1653
  </div>
1654
1654
  </div>
1655
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
1655
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
1656
1656
  <div
1657
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1657
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1658
1658
  >
1659
1659
  <div
1660
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1660
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1661
1661
  >
1662
- <div class="pf-v5-c-pagination__page-menu">
1663
- <div class="pf-v5-c-options-menu">
1662
+ <div class="pf-v6-c-pagination__page-menu">
1663
+ <div class="pf-v6-c-options-menu">
1664
1664
  <button
1665
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1665
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1666
1666
  type="button"
1667
1667
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1668
1668
  aria-haspopup="listbox"
1669
1669
  aria-expanded="false"
1670
1670
  >
1671
- <span class="pf-v5-c-options-menu__toggle-text">
1671
+ <span class="pf-v6-c-options-menu__toggle-text">
1672
1672
  <b>1 - 10</b>&nbsp;of&nbsp;
1673
1673
  <b>36</b>
1674
1674
  </span>
1675
- <div class="pf-v5-c-options-menu__toggle-icon">
1675
+ <div class="pf-v6-c-options-menu__toggle-icon">
1676
1676
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1677
1677
  </div>
1678
1678
  </button>
1679
1679
  <ul
1680
- class="pf-v5-c-options-menu__menu"
1680
+ class="pf-v6-c-options-menu__menu"
1681
1681
  role="menu"
1682
1682
  aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
1683
1683
  hidden
1684
1684
  >
1685
1685
  <li role="none">
1686
1686
  <button
1687
- class="pf-v5-c-options-menu__menu-item"
1687
+ class="pf-v6-c-options-menu__menu-item"
1688
1688
  type="button"
1689
1689
  role="menuitem"
1690
1690
  >5 per page</button>
1691
1691
  </li>
1692
1692
  <li role="none">
1693
1693
  <button
1694
- class="pf-v5-c-options-menu__menu-item"
1694
+ class="pf-v6-c-options-menu__menu-item"
1695
1695
  type="button"
1696
1696
  role="menuitem"
1697
1697
  >
1698
1698
  10 per page
1699
- <div class="pf-v5-c-options-menu__menu-item-icon">
1699
+ <div class="pf-v6-c-options-menu__menu-item-icon">
1700
1700
  <i class="fas fa-check" aria-hidden="true"></i>
1701
1701
  </div>
1702
1702
  </button>
1703
1703
  </li>
1704
1704
  <li role="none">
1705
1705
  <button
1706
- class="pf-v5-c-options-menu__menu-item"
1706
+ class="pf-v6-c-options-menu__menu-item"
1707
1707
  type="button"
1708
1708
  role="menuitem"
1709
1709
  >20 per page</button>
@@ -1711,10 +1711,10 @@ section: components
1711
1711
  </ul>
1712
1712
  </div>
1713
1713
  </div>
1714
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1715
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
1714
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1715
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1716
1716
  <button
1717
- class="pf-v5-c-button pf-m-plain"
1717
+ class="pf-v6-c-button pf-m-plain"
1718
1718
  type="button"
1719
1719
  disabled
1720
1720
  aria-label="Go to previous page"
@@ -1722,9 +1722,9 @@ section: components
1722
1722
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1723
1723
  </button>
1724
1724
  </div>
1725
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
1725
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1726
1726
  <button
1727
- class="pf-v5-c-button pf-m-plain"
1727
+ class="pf-v6-c-button pf-m-plain"
1728
1728
  type="button"
1729
1729
  aria-label="Go to next page"
1730
1730
  >
@@ -1737,7 +1737,7 @@ section: components
1737
1737
  </div>
1738
1738
  </div>
1739
1739
  <div
1740
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
1740
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
1741
1741
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
1742
1742
  hidden
1743
1743
  ></div>
@@ -1750,35 +1750,35 @@ section: components
1750
1750
 
1751
1751
  ```html
1752
1752
  <div
1753
- class="pf-v5-c-toolbar"
1753
+ class="pf-v6-c-toolbar"
1754
1754
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example"
1755
1755
  >
1756
- <div class="pf-v5-c-toolbar__content">
1757
- <div class="pf-v5-c-toolbar__content-section">
1758
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
1759
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
1756
+ <div class="pf-v6-c-toolbar__content">
1757
+ <div class="pf-v6-c-toolbar__content-section">
1758
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group">
1759
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
1760
1760
  <button
1761
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
1761
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
1762
1762
  type="button"
1763
1763
  aria-expanded="true"
1764
1764
  aria-label="Show filters"
1765
1765
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
1766
1766
  >
1767
- <span class="pf-v5-c-menu-toggle__icon">
1767
+ <span class="pf-v6-c-menu-toggle__icon">
1768
1768
  <i class="fas fa-filter" aria-hidden="true"></i>
1769
1769
  </span>
1770
1770
  </button>
1771
1771
  </div>
1772
1772
  </div>
1773
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
1773
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
1774
1774
  <div
1775
- class="pf-v5-c-overflow-menu"
1775
+ class="pf-v6-c-overflow-menu"
1776
1776
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu"
1777
1777
  >
1778
- <div class="pf-v5-c-overflow-menu__control">
1779
- <div class="pf-v5-c-dropdown">
1778
+ <div class="pf-v6-c-overflow-menu__control">
1779
+ <div class="pf-v6-c-dropdown">
1780
1780
  <button
1781
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1781
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
1782
1782
  type="button"
1783
1783
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
1784
1784
  aria-label="Overflow menu"
@@ -1787,7 +1787,7 @@ section: components
1787
1787
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1788
1788
  </button>
1789
1789
  <ul
1790
- class="pf-v5-c-dropdown__menu"
1790
+ class="pf-v6-c-dropdown__menu"
1791
1791
  role="menu"
1792
1792
  aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
1793
1793
  hidden
@@ -1795,19 +1795,19 @@ section: components
1795
1795
  <li role="none">
1796
1796
  <button
1797
1797
  role="menuitem"
1798
- class="pf-v5-c-dropdown__menu-item"
1798
+ class="pf-v6-c-dropdown__menu-item"
1799
1799
  >Primary</button>
1800
1800
  </li>
1801
1801
  <li role="none">
1802
1802
  <button
1803
1803
  role="menuitem"
1804
- class="pf-v5-c-dropdown__menu-item"
1804
+ class="pf-v6-c-dropdown__menu-item"
1805
1805
  >Secondary</button>
1806
1806
  </li>
1807
1807
  <li role="none">
1808
1808
  <button
1809
1809
  role="menuitem"
1810
- class="pf-v5-c-dropdown__menu-item"
1810
+ class="pf-v6-c-dropdown__menu-item"
1811
1811
  >Tertiary</button>
1812
1812
  </li>
1813
1813
  </ul>
@@ -1815,58 +1815,58 @@ section: components
1815
1815
  </div>
1816
1816
  </div>
1817
1817
  </div>
1818
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
1818
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
1819
1819
  <div
1820
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1820
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1821
1821
  >
1822
1822
  <div
1823
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1823
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1824
1824
  >
1825
- <div class="pf-v5-c-pagination__page-menu">
1826
- <div class="pf-v5-c-options-menu">
1825
+ <div class="pf-v6-c-pagination__page-menu">
1826
+ <div class="pf-v6-c-options-menu">
1827
1827
  <button
1828
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1828
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1829
1829
  type="button"
1830
1830
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
1831
1831
  aria-haspopup="listbox"
1832
1832
  aria-expanded="false"
1833
1833
  >
1834
- <span class="pf-v5-c-options-menu__toggle-text">
1834
+ <span class="pf-v6-c-options-menu__toggle-text">
1835
1835
  <b>1 - 10</b>&nbsp;of&nbsp;
1836
1836
  <b>36</b>
1837
1837
  </span>
1838
- <div class="pf-v5-c-options-menu__toggle-icon">
1838
+ <div class="pf-v6-c-options-menu__toggle-icon">
1839
1839
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1840
1840
  </div>
1841
1841
  </button>
1842
1842
  <ul
1843
- class="pf-v5-c-options-menu__menu"
1843
+ class="pf-v6-c-options-menu__menu"
1844
1844
  role="menu"
1845
1845
  aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
1846
1846
  hidden
1847
1847
  >
1848
1848
  <li role="none">
1849
1849
  <button
1850
- class="pf-v5-c-options-menu__menu-item"
1850
+ class="pf-v6-c-options-menu__menu-item"
1851
1851
  type="button"
1852
1852
  role="menuitem"
1853
1853
  >5 per page</button>
1854
1854
  </li>
1855
1855
  <li role="none">
1856
1856
  <button
1857
- class="pf-v5-c-options-menu__menu-item"
1857
+ class="pf-v6-c-options-menu__menu-item"
1858
1858
  type="button"
1859
1859
  role="menuitem"
1860
1860
  >
1861
1861
  10 per page
1862
- <div class="pf-v5-c-options-menu__menu-item-icon">
1862
+ <div class="pf-v6-c-options-menu__menu-item-icon">
1863
1863
  <i class="fas fa-check" aria-hidden="true"></i>
1864
1864
  </div>
1865
1865
  </button>
1866
1866
  </li>
1867
1867
  <li role="none">
1868
1868
  <button
1869
- class="pf-v5-c-options-menu__menu-item"
1869
+ class="pf-v6-c-options-menu__menu-item"
1870
1870
  type="button"
1871
1871
  role="menuitem"
1872
1872
  >20 per page</button>
@@ -1874,10 +1874,10 @@ section: components
1874
1874
  </ul>
1875
1875
  </div>
1876
1876
  </div>
1877
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1878
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
1877
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1878
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1879
1879
  <button
1880
- class="pf-v5-c-button pf-m-plain"
1880
+ class="pf-v6-c-button pf-m-plain"
1881
1881
  type="button"
1882
1882
  disabled
1883
1883
  aria-label="Go to previous page"
@@ -1885,9 +1885,9 @@ section: components
1885
1885
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1886
1886
  </button>
1887
1887
  </div>
1888
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
1888
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1889
1889
  <button
1890
- class="pf-v5-c-button pf-m-plain"
1890
+ class="pf-v6-c-button pf-m-plain"
1891
1891
  type="button"
1892
1892
  aria-label="Go to next page"
1893
1893
  >
@@ -1900,95 +1900,95 @@ section: components
1900
1900
  </div>
1901
1901
  </div>
1902
1902
  <div
1903
- class="pf-v5-c-toolbar__expandable-content pf-m-expanded"
1903
+ class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
1904
1904
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
1905
1905
  >
1906
- <div class="pf-v5-c-toolbar__group pf-m-filter-group">
1907
- <div class="pf-v5-c-toolbar__item">
1906
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
1907
+ <div class="pf-v6-c-toolbar__item">
1908
1908
  <button
1909
- class="pf-v5-c-menu-toggle"
1909
+ class="pf-v6-c-menu-toggle"
1910
1910
  type="button"
1911
1911
  aria-expanded="false"
1912
1912
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-status"
1913
1913
  >
1914
- <span class="pf-v5-c-menu-toggle__icon">
1914
+ <span class="pf-v6-c-menu-toggle__icon">
1915
1915
  <i class="fas fa-filter" aria-hidden="true"></i>
1916
1916
  </span>
1917
- <span class="pf-v5-c-menu-toggle__text">Status</span>
1918
- <span class="pf-v5-c-menu-toggle__controls">
1919
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1917
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
1918
+ <span class="pf-v6-c-menu-toggle__controls">
1919
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1920
1920
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1921
1921
  </span>
1922
1922
  </span>
1923
1923
  </button>
1924
1924
  </div>
1925
- <div class="pf-v5-c-toolbar__item">
1925
+ <div class="pf-v6-c-toolbar__item">
1926
1926
  <button
1927
- class="pf-v5-c-menu-toggle pf-m-expanded"
1927
+ class="pf-v6-c-menu-toggle pf-m-expanded"
1928
1928
  type="button"
1929
1929
  aria-expanded="true"
1930
1930
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-stopped"
1931
1931
  >
1932
- <span class="pf-v5-c-menu-toggle__text">Stopped</span>
1933
- <span class="pf-v5-c-menu-toggle__controls">
1934
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1932
+ <span class="pf-v6-c-menu-toggle__text">Stopped</span>
1933
+ <span class="pf-v6-c-menu-toggle__controls">
1934
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1935
1935
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1936
1936
  </span>
1937
1937
  </span>
1938
1938
  </button>
1939
- <div class="pf-v5-c-panel">
1940
- <div class="pf-v5-c-menu" width="175px">
1941
- <div class="pf-v5-c-menu__content">
1942
- <section class="pf-v5-c-menu__group">
1943
- <ul class="pf-v5-c-menu__list" role="menu">
1944
- <li class="pf-v5-c-menu__list-item" role="none">
1939
+ <div class="pf-v6-c-panel">
1940
+ <div class="pf-v6-c-menu" width="175px">
1941
+ <div class="pf-v6-c-menu__content">
1942
+ <section class="pf-v6-c-menu__group">
1943
+ <ul class="pf-v6-c-menu__list" role="menu">
1944
+ <li class="pf-v6-c-menu__list-item" role="none">
1945
1945
  <button
1946
- class="pf-v5-c-menu__item"
1946
+ class="pf-v6-c-menu__item"
1947
1947
  type="button"
1948
1948
  role="menuitem"
1949
1949
  >
1950
- <span class="pf-v5-c-menu__item-text">Running</span>
1950
+ <span class="pf-v6-c-menu__item-text">Running</span>
1951
1951
  </button>
1952
1952
  </li>
1953
- <li class="pf-v5-c-menu__list-item" role="none">
1953
+ <li class="pf-v6-c-menu__list-item" role="none">
1954
1954
  <button
1955
- class="pf-v5-c-menu__item pf-m-selected"
1955
+ class="pf-v6-c-menu__item pf-m-selected"
1956
1956
  type="button"
1957
1957
  role="menuitem"
1958
1958
  >
1959
- <span class="pf-v5-c-menu__item-main">
1960
- <span class="pf-v5-c-menu__item-text">Stopped</span>
1961
- <span class="pf-v5-c-menu__item-select-icon">
1959
+ <span class="pf-v6-c-menu__item-main">
1960
+ <span class="pf-v6-c-menu__item-text">Stopped</span>
1961
+ <span class="pf-v6-c-menu__item-select-icon">
1962
1962
  <i class="fas fa-check" aria-hidden="true"></i>
1963
1963
  </span>
1964
1964
  </span>
1965
1965
  </button>
1966
1966
  </li>
1967
- <li class="pf-v5-c-menu__list-item" role="none">
1967
+ <li class="pf-v6-c-menu__list-item" role="none">
1968
1968
  <button
1969
- class="pf-v5-c-menu__item"
1969
+ class="pf-v6-c-menu__item"
1970
1970
  type="button"
1971
1971
  role="menuitem"
1972
1972
  >
1973
- <span class="pf-v5-c-menu__item-text">Down</span>
1973
+ <span class="pf-v6-c-menu__item-text">Down</span>
1974
1974
  </button>
1975
1975
  </li>
1976
- <li class="pf-v5-c-menu__list-item" role="none">
1976
+ <li class="pf-v6-c-menu__list-item" role="none">
1977
1977
  <button
1978
- class="pf-v5-c-menu__item"
1978
+ class="pf-v6-c-menu__item"
1979
1979
  type="button"
1980
1980
  role="menuitem"
1981
1981
  >
1982
- <span class="pf-v5-c-menu__item-text">Degraded</span>
1982
+ <span class="pf-v6-c-menu__item-text">Degraded</span>
1983
1983
  </button>
1984
1984
  </li>
1985
- <li class="pf-v5-c-menu__list-item" role="none">
1985
+ <li class="pf-v6-c-menu__list-item" role="none">
1986
1986
  <button
1987
- class="pf-v5-c-menu__item"
1987
+ class="pf-v6-c-menu__item"
1988
1988
  type="button"
1989
1989
  role="menuitem"
1990
1990
  >
1991
- <span class="pf-v5-c-menu__item-text">Needs maintenance</span>
1991
+ <span class="pf-v6-c-menu__item-text">Needs maintenance</span>
1992
1992
  </button>
1993
1993
  </li>
1994
1994
  </ul>
@@ -2008,75 +2008,75 @@ section: components
2008
2008
 
2009
2009
  ```html
2010
2010
  <div
2011
- class="pf-v5-c-toolbar"
2011
+ class="pf-v6-c-toolbar"
2012
2012
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example"
2013
2013
  >
2014
- <div class="pf-v5-c-toolbar__content">
2015
- <div class="pf-v5-c-toolbar__content-section">
2016
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
2017
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
2014
+ <div class="pf-v6-c-toolbar__content">
2015
+ <div class="pf-v6-c-toolbar__content-section">
2016
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show">
2017
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
2018
2018
  <button
2019
- class="pf-v5-c-menu-toggle pf-m-plain"
2019
+ class="pf-v6-c-menu-toggle pf-m-plain"
2020
2020
  type="button"
2021
2021
  aria-expanded="false"
2022
2022
  aria-label="Show filters"
2023
2023
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
2024
2024
  >
2025
- <span class="pf-v5-c-menu-toggle__icon">
2025
+ <span class="pf-v6-c-menu-toggle__icon">
2026
2026
  <i class="fas fa-filter" aria-hidden="true"></i>
2027
2027
  </span>
2028
2028
  </button>
2029
2029
  </div>
2030
- <div class="pf-v5-c-toolbar__group pf-m-filter-group">
2031
- <div class="pf-v5-c-toolbar__item">
2030
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
2031
+ <div class="pf-v6-c-toolbar__item">
2032
2032
  <button
2033
- class="pf-v5-c-menu-toggle"
2033
+ class="pf-v6-c-menu-toggle"
2034
2034
  type="button"
2035
2035
  aria-expanded="false"
2036
2036
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-status"
2037
2037
  >
2038
- <span class="pf-v5-c-menu-toggle__icon">
2038
+ <span class="pf-v6-c-menu-toggle__icon">
2039
2039
  <i class="fas fa-filter" aria-hidden="true"></i>
2040
2040
  </span>
2041
- <span class="pf-v5-c-menu-toggle__text">Status</span>
2042
- <span class="pf-v5-c-menu-toggle__controls">
2043
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2041
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
2042
+ <span class="pf-v6-c-menu-toggle__controls">
2043
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2044
2044
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2045
2045
  </span>
2046
2046
  </span>
2047
2047
  </button>
2048
2048
  </div>
2049
- <div class="pf-v5-c-toolbar__item">
2049
+ <div class="pf-v6-c-toolbar__item">
2050
2050
  <button
2051
- class="pf-v5-c-menu-toggle pf-m-expanded"
2051
+ class="pf-v6-c-menu-toggle pf-m-expanded"
2052
2052
  type="button"
2053
2053
  aria-expanded="true"
2054
2054
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-filter-by-status"
2055
2055
  >
2056
- <span class="pf-v5-c-menu-toggle__text">Filter by status</span>
2057
- <span class="pf-v5-c-menu-toggle__controls">
2058
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2056
+ <span class="pf-v6-c-menu-toggle__text">Filter by status</span>
2057
+ <span class="pf-v6-c-menu-toggle__controls">
2058
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2059
2059
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2060
2060
  </span>
2061
2061
  </span>
2062
2062
  </button>
2063
- <div class="pf-v5-c-panel">
2064
- <div class="pf-v5-c-menu">
2065
- <div class="pf-v5-c-menu__content">
2066
- <ul class="pf-v5-c-menu__list" role="menu">
2067
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2063
+ <div class="pf-v6-c-panel">
2064
+ <div class="pf-v6-c-menu">
2065
+ <div class="pf-v6-c-menu__content">
2066
+ <ul class="pf-v6-c-menu__list" role="menu">
2067
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2068
2068
  <label
2069
- class="pf-v5-c-menu__item"
2069
+ class="pf-v6-c-menu__item"
2070
2070
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1"
2071
2071
  >
2072
- <span class="pf-v5-c-menu__item-main">
2073
- <span class="pf-v5-c-menu__item-check">
2072
+ <span class="pf-v6-c-menu__item-main">
2073
+ <span class="pf-v6-c-menu__item-check">
2074
2074
  <div
2075
- class="pf-v5-c-check pf-m-standalone"
2075
+ class="pf-v6-c-check pf-m-standalone"
2076
2076
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1"
2077
2077
  >
2078
2078
  <input
2079
- class="pf-v5-c-check__input"
2079
+ class="pf-v6-c-check__input"
2080
2080
  type="checkbox"
2081
2081
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
2082
2082
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
@@ -2084,23 +2084,23 @@ section: components
2084
2084
  />
2085
2085
  </div>
2086
2086
  </span>
2087
- <span class="pf-v5-c-menu__item-text">Active</span>
2087
+ <span class="pf-v6-c-menu__item-text">Active</span>
2088
2088
  </span>
2089
2089
  </label>
2090
2090
  </li>
2091
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2091
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2092
2092
  <label
2093
- class="pf-v5-c-menu__item"
2093
+ class="pf-v6-c-menu__item"
2094
2094
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2"
2095
2095
  >
2096
- <span class="pf-v5-c-menu__item-main">
2097
- <span class="pf-v5-c-menu__item-check">
2096
+ <span class="pf-v6-c-menu__item-main">
2097
+ <span class="pf-v6-c-menu__item-check">
2098
2098
  <div
2099
- class="pf-v5-c-check pf-m-standalone"
2099
+ class="pf-v6-c-check pf-m-standalone"
2100
2100
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2"
2101
2101
  >
2102
2102
  <input
2103
- class="pf-v5-c-check__input"
2103
+ class="pf-v6-c-check__input"
2104
2104
  type="checkbox"
2105
2105
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
2106
2106
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
@@ -2109,23 +2109,23 @@ section: components
2109
2109
  />
2110
2110
  </div>
2111
2111
  </span>
2112
- <span class="pf-v5-c-menu__item-text">Cancelled</span>
2112
+ <span class="pf-v6-c-menu__item-text">Cancelled</span>
2113
2113
  </span>
2114
2114
  </label>
2115
2115
  </li>
2116
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2116
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2117
2117
  <label
2118
- class="pf-v5-c-menu__item"
2118
+ class="pf-v6-c-menu__item"
2119
2119
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3"
2120
2120
  >
2121
- <span class="pf-v5-c-menu__item-main">
2122
- <span class="pf-v5-c-menu__item-check">
2121
+ <span class="pf-v6-c-menu__item-main">
2122
+ <span class="pf-v6-c-menu__item-check">
2123
2123
  <div
2124
- class="pf-v5-c-check pf-m-standalone"
2124
+ class="pf-v6-c-check pf-m-standalone"
2125
2125
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3"
2126
2126
  >
2127
2127
  <input
2128
- class="pf-v5-c-check__input"
2128
+ class="pf-v6-c-check__input"
2129
2129
  type="checkbox"
2130
2130
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
2131
2131
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
@@ -2134,23 +2134,23 @@ section: components
2134
2134
  />
2135
2135
  </div>
2136
2136
  </span>
2137
- <span class="pf-v5-c-menu__item-text">Paused</span>
2137
+ <span class="pf-v6-c-menu__item-text">Paused</span>
2138
2138
  </span>
2139
2139
  </label>
2140
2140
  </li>
2141
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2141
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2142
2142
  <label
2143
- class="pf-v5-c-menu__item"
2143
+ class="pf-v6-c-menu__item"
2144
2144
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4"
2145
2145
  >
2146
- <span class="pf-v5-c-menu__item-main">
2147
- <span class="pf-v5-c-menu__item-check">
2146
+ <span class="pf-v6-c-menu__item-main">
2147
+ <span class="pf-v6-c-menu__item-check">
2148
2148
  <div
2149
- class="pf-v5-c-check pf-m-standalone"
2149
+ class="pf-v6-c-check pf-m-standalone"
2150
2150
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4"
2151
2151
  >
2152
2152
  <input
2153
- class="pf-v5-c-check__input"
2153
+ class="pf-v6-c-check__input"
2154
2154
  type="checkbox"
2155
2155
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
2156
2156
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
@@ -2158,23 +2158,23 @@ section: components
2158
2158
  />
2159
2159
  </div>
2160
2160
  </span>
2161
- <span class="pf-v5-c-menu__item-text">Warning</span>
2161
+ <span class="pf-v6-c-menu__item-text">Warning</span>
2162
2162
  </span>
2163
2163
  </label>
2164
2164
  </li>
2165
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2165
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2166
2166
  <label
2167
- class="pf-v5-c-menu__item"
2167
+ class="pf-v6-c-menu__item"
2168
2168
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5"
2169
2169
  >
2170
- <span class="pf-v5-c-menu__item-main">
2171
- <span class="pf-v5-c-menu__item-check">
2170
+ <span class="pf-v6-c-menu__item-main">
2171
+ <span class="pf-v6-c-menu__item-check">
2172
2172
  <div
2173
- class="pf-v5-c-check pf-m-standalone"
2173
+ class="pf-v6-c-check pf-m-standalone"
2174
2174
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5"
2175
2175
  >
2176
2176
  <input
2177
- class="pf-v5-c-check__input"
2177
+ class="pf-v6-c-check__input"
2178
2178
  type="checkbox"
2179
2179
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
2180
2180
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
@@ -2182,7 +2182,7 @@ section: components
2182
2182
  />
2183
2183
  </div>
2184
2184
  </span>
2185
- <span class="pf-v5-c-menu__item-text">Restarted</span>
2185
+ <span class="pf-v6-c-menu__item-text">Restarted</span>
2186
2186
  </span>
2187
2187
  </label>
2188
2188
  </li>
@@ -2193,32 +2193,32 @@ section: components
2193
2193
  </div>
2194
2194
  </div>
2195
2195
  </div>
2196
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
2196
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
2197
2197
  <div
2198
- class="pf-v5-c-overflow-menu"
2198
+ class="pf-v6-c-overflow-menu"
2199
2199
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menu"
2200
2200
  >
2201
- <div class="pf-v5-c-overflow-menu__content">
2202
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
2203
- <div class="pf-v5-c-overflow-menu__item">
2201
+ <div class="pf-v6-c-overflow-menu__content">
2202
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
2203
+ <div class="pf-v6-c-overflow-menu__item">
2204
2204
  <button
2205
- class="pf-v5-c-button pf-m-primary"
2205
+ class="pf-v6-c-button pf-m-primary"
2206
2206
  type="button"
2207
2207
  >Primary</button>
2208
2208
  </div>
2209
- <div class="pf-v5-c-overflow-menu__item">
2209
+ <div class="pf-v6-c-overflow-menu__item">
2210
2210
  <button
2211
- class="pf-v5-c-button pf-m-secondary"
2211
+ class="pf-v6-c-button pf-m-secondary"
2212
2212
  type="button"
2213
2213
  >Secondary</button>
2214
2214
  </div>
2215
2215
  </div>
2216
2216
  </div>
2217
2217
 
2218
- <div class="pf-v5-c-overflow-menu__control">
2219
- <div class="pf-v5-c-dropdown">
2218
+ <div class="pf-v6-c-overflow-menu__control">
2219
+ <div class="pf-v6-c-dropdown">
2220
2220
  <button
2221
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2221
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2222
2222
  type="button"
2223
2223
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
2224
2224
  aria-label="Overflow menu"
@@ -2227,7 +2227,7 @@ section: components
2227
2227
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2228
2228
  </button>
2229
2229
  <ul
2230
- class="pf-v5-c-dropdown__menu"
2230
+ class="pf-v6-c-dropdown__menu"
2231
2231
  role="menu"
2232
2232
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
2233
2233
  hidden
@@ -2235,7 +2235,7 @@ section: components
2235
2235
  <li role="none">
2236
2236
  <button
2237
2237
  role="menuitem"
2238
- class="pf-v5-c-dropdown__menu-item"
2238
+ class="pf-v6-c-dropdown__menu-item"
2239
2239
  >Tertiary</button>
2240
2240
  </li>
2241
2241
  </ul>
@@ -2243,58 +2243,58 @@ section: components
2243
2243
  </div>
2244
2244
  </div>
2245
2245
  </div>
2246
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
2246
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
2247
2247
  <div
2248
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2248
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2249
2249
  >
2250
2250
  <div
2251
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2251
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2252
2252
  >
2253
- <div class="pf-v5-c-pagination__page-menu">
2254
- <div class="pf-v5-c-options-menu">
2253
+ <div class="pf-v6-c-pagination__page-menu">
2254
+ <div class="pf-v6-c-options-menu">
2255
2255
  <button
2256
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2256
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
2257
2257
  type="button"
2258
2258
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
2259
2259
  aria-haspopup="listbox"
2260
2260
  aria-expanded="false"
2261
2261
  >
2262
- <span class="pf-v5-c-options-menu__toggle-text">
2262
+ <span class="pf-v6-c-options-menu__toggle-text">
2263
2263
  <b>1 - 10</b>&nbsp;of&nbsp;
2264
2264
  <b>36</b>
2265
2265
  </span>
2266
- <div class="pf-v5-c-options-menu__toggle-icon">
2266
+ <div class="pf-v6-c-options-menu__toggle-icon">
2267
2267
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2268
2268
  </div>
2269
2269
  </button>
2270
2270
  <ul
2271
- class="pf-v5-c-options-menu__menu"
2271
+ class="pf-v6-c-options-menu__menu"
2272
2272
  role="menu"
2273
2273
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-options-menu-toggle"
2274
2274
  hidden
2275
2275
  >
2276
2276
  <li role="none">
2277
2277
  <button
2278
- class="pf-v5-c-options-menu__menu-item"
2278
+ class="pf-v6-c-options-menu__menu-item"
2279
2279
  type="button"
2280
2280
  role="menuitem"
2281
2281
  >5 per page</button>
2282
2282
  </li>
2283
2283
  <li role="none">
2284
2284
  <button
2285
- class="pf-v5-c-options-menu__menu-item"
2285
+ class="pf-v6-c-options-menu__menu-item"
2286
2286
  type="button"
2287
2287
  role="menuitem"
2288
2288
  >
2289
2289
  10 per page
2290
- <div class="pf-v5-c-options-menu__menu-item-icon">
2290
+ <div class="pf-v6-c-options-menu__menu-item-icon">
2291
2291
  <i class="fas fa-check" aria-hidden="true"></i>
2292
2292
  </div>
2293
2293
  </button>
2294
2294
  </li>
2295
2295
  <li role="none">
2296
2296
  <button
2297
- class="pf-v5-c-options-menu__menu-item"
2297
+ class="pf-v6-c-options-menu__menu-item"
2298
2298
  type="button"
2299
2299
  role="menuitem"
2300
2300
  >20 per page</button>
@@ -2302,10 +2302,10 @@ section: components
2302
2302
  </ul>
2303
2303
  </div>
2304
2304
  </div>
2305
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
2306
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
2305
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
2306
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
2307
2307
  <button
2308
- class="pf-v5-c-button pf-m-plain"
2308
+ class="pf-v6-c-button pf-m-plain"
2309
2309
  type="button"
2310
2310
  disabled
2311
2311
  aria-label="Go to previous page"
@@ -2313,9 +2313,9 @@ section: components
2313
2313
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2314
2314
  </button>
2315
2315
  </div>
2316
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
2316
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
2317
2317
  <button
2318
- class="pf-v5-c-button pf-m-plain"
2318
+ class="pf-v6-c-button pf-m-plain"
2319
2319
  type="button"
2320
2320
  aria-label="Go to next page"
2321
2321
  >
@@ -2328,35 +2328,35 @@ section: components
2328
2328
  </div>
2329
2329
  </div>
2330
2330
  <div
2331
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
2331
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
2332
2332
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
2333
2333
  hidden
2334
2334
  ></div>
2335
2335
  </div>
2336
- <div class="pf-v5-c-toolbar__content pf-m-chip-container">
2337
- <div class="pf-v5-c-toolbar__item pf-m-chip-group">
2338
- <div class="pf-v5-c-chip-group pf-m-category" role="group">
2339
- <div class="pf-v5-c-chip-group__main">
2336
+ <div class="pf-v6-c-toolbar__content pf-m-chip-container">
2337
+ <div class="pf-v6-c-toolbar__item pf-m-chip-group">
2338
+ <div class="pf-v6-c-chip-group pf-m-category" role="group">
2339
+ <div class="pf-v6-c-chip-group__main">
2340
2340
  <span
2341
- class="pf-v5-c-chip-group__label"
2341
+ class="pf-v6-c-chip-group__label"
2342
2342
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-group-chip-group-label"
2343
2343
  >Status</span>
2344
2344
  <ul
2345
- class="pf-v5-c-chip-group__list"
2345
+ class="pf-v6-c-chip-group__list"
2346
2346
  role="list"
2347
2347
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-group-chip-group-label"
2348
2348
  >
2349
- <li class="pf-v5-c-chip-group__list-item">
2350
- <div class="pf-v5-c-chip">
2351
- <span class="pf-v5-c-chip__content">
2349
+ <li class="pf-v6-c-chip-group__list-item">
2350
+ <div class="pf-v6-c-chip">
2351
+ <span class="pf-v6-c-chip__content">
2352
2352
  <span
2353
- class="pf-v5-c-chip__text"
2353
+ class="pf-v6-c-chip__text"
2354
2354
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-group-chip-one"
2355
2355
  >Canceled</span>
2356
2356
  </span>
2357
- <span class="pf-v5-c-chip__actions">
2357
+ <span class="pf-v6-c-chip__actions">
2358
2358
  <button
2359
- class="pf-v5-c-button pf-m-plain"
2359
+ class="pf-v6-c-button pf-m-plain"
2360
2360
  type="button"
2361
2361
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupchip-one"
2362
2362
  aria-label="Remove"
@@ -2367,17 +2367,17 @@ section: components
2367
2367
  </span>
2368
2368
  </div>
2369
2369
  </li>
2370
- <li class="pf-v5-c-chip-group__list-item">
2371
- <div class="pf-v5-c-chip">
2372
- <span class="pf-v5-c-chip__content">
2370
+ <li class="pf-v6-c-chip-group__list-item">
2371
+ <div class="pf-v6-c-chip">
2372
+ <span class="pf-v6-c-chip__content">
2373
2373
  <span
2374
- class="pf-v5-c-chip__text"
2374
+ class="pf-v6-c-chip__text"
2375
2375
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupchip-two"
2376
2376
  >Paused</span>
2377
2377
  </span>
2378
- <span class="pf-v5-c-chip__actions">
2378
+ <span class="pf-v6-c-chip__actions">
2379
2379
  <button
2380
- class="pf-v5-c-button pf-m-plain"
2380
+ class="pf-v6-c-button pf-m-plain"
2381
2381
  type="button"
2382
2382
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupchip-two"
2383
2383
  aria-label="Remove"
@@ -2388,17 +2388,17 @@ section: components
2388
2388
  </span>
2389
2389
  </div>
2390
2390
  </li>
2391
- <li class="pf-v5-c-chip-group__list-item">
2392
- <div class="pf-v5-c-chip">
2393
- <span class="pf-v5-c-chip__content">
2391
+ <li class="pf-v6-c-chip-group__list-item">
2392
+ <div class="pf-v6-c-chip">
2393
+ <span class="pf-v6-c-chip__content">
2394
2394
  <span
2395
- class="pf-v5-c-chip__text"
2395
+ class="pf-v6-c-chip__text"
2396
2396
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupchip-three"
2397
2397
  >Restarted</span>
2398
2398
  </span>
2399
- <span class="pf-v5-c-chip__actions">
2399
+ <span class="pf-v6-c-chip__actions">
2400
2400
  <button
2401
- class="pf-v5-c-button pf-m-plain"
2401
+ class="pf-v6-c-button pf-m-plain"
2402
2402
  type="button"
2403
2403
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-chip-groupchip-three"
2404
2404
  aria-label="Remove"
@@ -2413,9 +2413,9 @@ section: components
2413
2413
  </div>
2414
2414
  </div>
2415
2415
  </div>
2416
- <div class="pf-v5-c-toolbar__item">
2416
+ <div class="pf-v6-c-toolbar__item">
2417
2417
  <button
2418
- class="pf-v5-c-button pf-m-link pf-m-inline"
2418
+ class="pf-v6-c-button pf-m-link pf-m-inline"
2419
2419
  type="button"
2420
2420
  >Clear all filters</button>
2421
2421
  </div>
@@ -2428,35 +2428,35 @@ section: components
2428
2428
 
2429
2429
  ```html
2430
2430
  <div
2431
- class="pf-v5-c-toolbar"
2431
+ class="pf-v6-c-toolbar"
2432
2432
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example"
2433
2433
  >
2434
- <div class="pf-v5-c-toolbar__content">
2435
- <div class="pf-v5-c-toolbar__content-section">
2436
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
2437
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
2434
+ <div class="pf-v6-c-toolbar__content">
2435
+ <div class="pf-v6-c-toolbar__content-section">
2436
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group">
2437
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
2438
2438
  <button
2439
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
2439
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
2440
2440
  type="button"
2441
2441
  aria-expanded="true"
2442
2442
  aria-label="Show filters"
2443
2443
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
2444
2444
  >
2445
- <span class="pf-v5-c-menu-toggle__icon">
2445
+ <span class="pf-v6-c-menu-toggle__icon">
2446
2446
  <i class="fas fa-filter" aria-hidden="true"></i>
2447
2447
  </span>
2448
2448
  </button>
2449
2449
  </div>
2450
2450
  </div>
2451
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
2451
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
2452
2452
  <div
2453
- class="pf-v5-c-overflow-menu"
2453
+ class="pf-v6-c-overflow-menu"
2454
2454
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu"
2455
2455
  >
2456
- <div class="pf-v5-c-overflow-menu__control">
2457
- <div class="pf-v5-c-dropdown">
2456
+ <div class="pf-v6-c-overflow-menu__control">
2457
+ <div class="pf-v6-c-dropdown">
2458
2458
  <button
2459
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2459
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2460
2460
  type="button"
2461
2461
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
2462
2462
  aria-label="Overflow menu"
@@ -2465,7 +2465,7 @@ section: components
2465
2465
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2466
2466
  </button>
2467
2467
  <ul
2468
- class="pf-v5-c-dropdown__menu"
2468
+ class="pf-v6-c-dropdown__menu"
2469
2469
  role="menu"
2470
2470
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
2471
2471
  hidden
@@ -2473,19 +2473,19 @@ section: components
2473
2473
  <li role="none">
2474
2474
  <button
2475
2475
  role="menuitem"
2476
- class="pf-v5-c-dropdown__menu-item"
2476
+ class="pf-v6-c-dropdown__menu-item"
2477
2477
  >Primary</button>
2478
2478
  </li>
2479
2479
  <li role="none">
2480
2480
  <button
2481
2481
  role="menuitem"
2482
- class="pf-v5-c-dropdown__menu-item"
2482
+ class="pf-v6-c-dropdown__menu-item"
2483
2483
  >Secondary</button>
2484
2484
  </li>
2485
2485
  <li role="none">
2486
2486
  <button
2487
2487
  role="menuitem"
2488
- class="pf-v5-c-dropdown__menu-item"
2488
+ class="pf-v6-c-dropdown__menu-item"
2489
2489
  >Tertiary</button>
2490
2490
  </li>
2491
2491
  </ul>
@@ -2493,58 +2493,58 @@ section: components
2493
2493
  </div>
2494
2494
  </div>
2495
2495
  </div>
2496
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
2496
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
2497
2497
  <div
2498
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2498
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2499
2499
  >
2500
2500
  <div
2501
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2501
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2502
2502
  >
2503
- <div class="pf-v5-c-pagination__page-menu">
2504
- <div class="pf-v5-c-options-menu">
2503
+ <div class="pf-v6-c-pagination__page-menu">
2504
+ <div class="pf-v6-c-options-menu">
2505
2505
  <button
2506
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2506
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
2507
2507
  type="button"
2508
2508
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
2509
2509
  aria-haspopup="listbox"
2510
2510
  aria-expanded="false"
2511
2511
  >
2512
- <span class="pf-v5-c-options-menu__toggle-text">
2512
+ <span class="pf-v6-c-options-menu__toggle-text">
2513
2513
  <b>1 - 10</b>&nbsp;of&nbsp;
2514
2514
  <b>36</b>
2515
2515
  </span>
2516
- <div class="pf-v5-c-options-menu__toggle-icon">
2516
+ <div class="pf-v6-c-options-menu__toggle-icon">
2517
2517
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2518
2518
  </div>
2519
2519
  </button>
2520
2520
  <ul
2521
- class="pf-v5-c-options-menu__menu"
2521
+ class="pf-v6-c-options-menu__menu"
2522
2522
  role="menu"
2523
2523
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-options-menu-toggle"
2524
2524
  hidden
2525
2525
  >
2526
2526
  <li role="none">
2527
2527
  <button
2528
- class="pf-v5-c-options-menu__menu-item"
2528
+ class="pf-v6-c-options-menu__menu-item"
2529
2529
  type="button"
2530
2530
  role="menuitem"
2531
2531
  >5 per page</button>
2532
2532
  </li>
2533
2533
  <li role="none">
2534
2534
  <button
2535
- class="pf-v5-c-options-menu__menu-item"
2535
+ class="pf-v6-c-options-menu__menu-item"
2536
2536
  type="button"
2537
2537
  role="menuitem"
2538
2538
  >
2539
2539
  10 per page
2540
- <div class="pf-v5-c-options-menu__menu-item-icon">
2540
+ <div class="pf-v6-c-options-menu__menu-item-icon">
2541
2541
  <i class="fas fa-check" aria-hidden="true"></i>
2542
2542
  </div>
2543
2543
  </button>
2544
2544
  </li>
2545
2545
  <li role="none">
2546
2546
  <button
2547
- class="pf-v5-c-options-menu__menu-item"
2547
+ class="pf-v6-c-options-menu__menu-item"
2548
2548
  type="button"
2549
2549
  role="menuitem"
2550
2550
  >20 per page</button>
@@ -2552,10 +2552,10 @@ section: components
2552
2552
  </ul>
2553
2553
  </div>
2554
2554
  </div>
2555
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
2556
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
2555
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
2556
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
2557
2557
  <button
2558
- class="pf-v5-c-button pf-m-plain"
2558
+ class="pf-v6-c-button pf-m-plain"
2559
2559
  type="button"
2560
2560
  disabled
2561
2561
  aria-label="Go to previous page"
@@ -2563,9 +2563,9 @@ section: components
2563
2563
  <i class="fas fa-angle-left" aria-hidden="true"></i>
2564
2564
  </button>
2565
2565
  </div>
2566
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
2566
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
2567
2567
  <button
2568
- class="pf-v5-c-button pf-m-plain"
2568
+ class="pf-v6-c-button pf-m-plain"
2569
2569
  type="button"
2570
2570
  aria-label="Go to next page"
2571
2571
  >
@@ -2578,59 +2578,59 @@ section: components
2578
2578
  </div>
2579
2579
  </div>
2580
2580
  <div
2581
- class="pf-v5-c-toolbar__expandable-content pf-m-expanded"
2581
+ class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
2582
2582
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
2583
2583
  >
2584
- <div class="pf-v5-c-toolbar__group pf-m-filter-group">
2585
- <div class="pf-v5-c-toolbar__item">
2584
+ <div class="pf-v6-c-toolbar__group pf-m-filter-group">
2585
+ <div class="pf-v6-c-toolbar__item">
2586
2586
  <button
2587
- class="pf-v5-c-menu-toggle"
2587
+ class="pf-v6-c-menu-toggle"
2588
2588
  type="button"
2589
2589
  aria-expanded="false"
2590
2590
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-status"
2591
2591
  >
2592
- <span class="pf-v5-c-menu-toggle__icon">
2592
+ <span class="pf-v6-c-menu-toggle__icon">
2593
2593
  <i class="fas fa-filter" aria-hidden="true"></i>
2594
2594
  </span>
2595
- <span class="pf-v5-c-menu-toggle__text">Status</span>
2596
- <span class="pf-v5-c-menu-toggle__controls">
2597
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2595
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
2596
+ <span class="pf-v6-c-menu-toggle__controls">
2597
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2598
2598
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2599
2599
  </span>
2600
2600
  </span>
2601
2601
  </button>
2602
2602
  </div>
2603
- <div class="pf-v5-c-toolbar__item">
2603
+ <div class="pf-v6-c-toolbar__item">
2604
2604
  <button
2605
- class="pf-v5-c-menu-toggle pf-m-expanded"
2605
+ class="pf-v6-c-menu-toggle pf-m-expanded"
2606
2606
  type="button"
2607
2607
  aria-expanded="true"
2608
2608
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-filter-by-status"
2609
2609
  >
2610
- <span class="pf-v5-c-menu-toggle__text">Filter by status</span>
2611
- <span class="pf-v5-c-menu-toggle__controls">
2612
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2610
+ <span class="pf-v6-c-menu-toggle__text">Filter by status</span>
2611
+ <span class="pf-v6-c-menu-toggle__controls">
2612
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2613
2613
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2614
2614
  </span>
2615
2615
  </span>
2616
2616
  </button>
2617
- <div class="pf-v5-c-panel">
2618
- <div class="pf-v5-c-menu">
2619
- <div class="pf-v5-c-menu__content">
2620
- <ul class="pf-v5-c-menu__list" role="menu">
2621
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2617
+ <div class="pf-v6-c-panel">
2618
+ <div class="pf-v6-c-menu">
2619
+ <div class="pf-v6-c-menu__content">
2620
+ <ul class="pf-v6-c-menu__list" role="menu">
2621
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2622
2622
  <label
2623
- class="pf-v5-c-menu__item"
2623
+ class="pf-v6-c-menu__item"
2624
2624
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1"
2625
2625
  >
2626
- <span class="pf-v5-c-menu__item-main">
2627
- <span class="pf-v5-c-menu__item-check">
2626
+ <span class="pf-v6-c-menu__item-main">
2627
+ <span class="pf-v6-c-menu__item-check">
2628
2628
  <div
2629
- class="pf-v5-c-check pf-m-standalone"
2629
+ class="pf-v6-c-check pf-m-standalone"
2630
2630
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1"
2631
2631
  >
2632
2632
  <input
2633
- class="pf-v5-c-check__input"
2633
+ class="pf-v6-c-check__input"
2634
2634
  type="checkbox"
2635
2635
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
2636
2636
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
@@ -2638,23 +2638,23 @@ section: components
2638
2638
  />
2639
2639
  </div>
2640
2640
  </span>
2641
- <span class="pf-v5-c-menu__item-text">Active</span>
2641
+ <span class="pf-v6-c-menu__item-text">Active</span>
2642
2642
  </span>
2643
2643
  </label>
2644
2644
  </li>
2645
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2645
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2646
2646
  <label
2647
- class="pf-v5-c-menu__item"
2647
+ class="pf-v6-c-menu__item"
2648
2648
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2"
2649
2649
  >
2650
- <span class="pf-v5-c-menu__item-main">
2651
- <span class="pf-v5-c-menu__item-check">
2650
+ <span class="pf-v6-c-menu__item-main">
2651
+ <span class="pf-v6-c-menu__item-check">
2652
2652
  <div
2653
- class="pf-v5-c-check pf-m-standalone"
2653
+ class="pf-v6-c-check pf-m-standalone"
2654
2654
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2"
2655
2655
  >
2656
2656
  <input
2657
- class="pf-v5-c-check__input"
2657
+ class="pf-v6-c-check__input"
2658
2658
  type="checkbox"
2659
2659
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
2660
2660
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
@@ -2663,23 +2663,23 @@ section: components
2663
2663
  />
2664
2664
  </div>
2665
2665
  </span>
2666
- <span class="pf-v5-c-menu__item-text">Cancelled</span>
2666
+ <span class="pf-v6-c-menu__item-text">Cancelled</span>
2667
2667
  </span>
2668
2668
  </label>
2669
2669
  </li>
2670
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2670
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2671
2671
  <label
2672
- class="pf-v5-c-menu__item"
2672
+ class="pf-v6-c-menu__item"
2673
2673
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3"
2674
2674
  >
2675
- <span class="pf-v5-c-menu__item-main">
2676
- <span class="pf-v5-c-menu__item-check">
2675
+ <span class="pf-v6-c-menu__item-main">
2676
+ <span class="pf-v6-c-menu__item-check">
2677
2677
  <div
2678
- class="pf-v5-c-check pf-m-standalone"
2678
+ class="pf-v6-c-check pf-m-standalone"
2679
2679
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3"
2680
2680
  >
2681
2681
  <input
2682
- class="pf-v5-c-check__input"
2682
+ class="pf-v6-c-check__input"
2683
2683
  type="checkbox"
2684
2684
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
2685
2685
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
@@ -2688,23 +2688,23 @@ section: components
2688
2688
  />
2689
2689
  </div>
2690
2690
  </span>
2691
- <span class="pf-v5-c-menu__item-text">Paused</span>
2691
+ <span class="pf-v6-c-menu__item-text">Paused</span>
2692
2692
  </span>
2693
2693
  </label>
2694
2694
  </li>
2695
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2695
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2696
2696
  <label
2697
- class="pf-v5-c-menu__item"
2697
+ class="pf-v6-c-menu__item"
2698
2698
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4"
2699
2699
  >
2700
- <span class="pf-v5-c-menu__item-main">
2701
- <span class="pf-v5-c-menu__item-check">
2700
+ <span class="pf-v6-c-menu__item-main">
2701
+ <span class="pf-v6-c-menu__item-check">
2702
2702
  <div
2703
- class="pf-v5-c-check pf-m-standalone"
2703
+ class="pf-v6-c-check pf-m-standalone"
2704
2704
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4"
2705
2705
  >
2706
2706
  <input
2707
- class="pf-v5-c-check__input"
2707
+ class="pf-v6-c-check__input"
2708
2708
  type="checkbox"
2709
2709
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
2710
2710
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
@@ -2712,23 +2712,23 @@ section: components
2712
2712
  />
2713
2713
  </div>
2714
2714
  </span>
2715
- <span class="pf-v5-c-menu__item-text">Warning</span>
2715
+ <span class="pf-v6-c-menu__item-text">Warning</span>
2716
2716
  </span>
2717
2717
  </label>
2718
2718
  </li>
2719
- <li class="pf-v5-c-menu__list-item" role="menuitem">
2719
+ <li class="pf-v6-c-menu__list-item" role="menuitem">
2720
2720
  <label
2721
- class="pf-v5-c-menu__item"
2721
+ class="pf-v6-c-menu__item"
2722
2722
  for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5"
2723
2723
  >
2724
- <span class="pf-v5-c-menu__item-main">
2725
- <span class="pf-v5-c-menu__item-check">
2724
+ <span class="pf-v6-c-menu__item-main">
2725
+ <span class="pf-v6-c-menu__item-check">
2726
2726
  <div
2727
- class="pf-v5-c-check pf-m-standalone"
2727
+ class="pf-v6-c-check pf-m-standalone"
2728
2728
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5"
2729
2729
  >
2730
2730
  <input
2731
- class="pf-v5-c-check__input"
2731
+ class="pf-v6-c-check__input"
2732
2732
  type="checkbox"
2733
2733
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
2734
2734
  name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
@@ -2736,7 +2736,7 @@ section: components
2736
2736
  />
2737
2737
  </div>
2738
2738
  </span>
2739
- <span class="pf-v5-c-menu__item-text">Restarted</span>
2739
+ <span class="pf-v6-c-menu__item-text">Restarted</span>
2740
2740
  </span>
2741
2741
  </label>
2742
2742
  </li>
@@ -2745,29 +2745,29 @@ section: components
2745
2745
  </div>
2746
2746
  </div>
2747
2747
  </div>
2748
- <div class="pf-v5-c-toolbar__item pf-m-chip-group">
2749
- <div class="pf-v5-c-chip-group pf-m-category" role="group">
2750
- <div class="pf-v5-c-chip-group__main">
2748
+ <div class="pf-v6-c-toolbar__item pf-m-chip-group">
2749
+ <div class="pf-v6-c-chip-group pf-m-category" role="group">
2750
+ <div class="pf-v6-c-chip-group__main">
2751
2751
  <span
2752
- class="pf-v5-c-chip-group__label"
2752
+ class="pf-v6-c-chip-group__label"
2753
2753
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-group-chip-group-label"
2754
2754
  >Status</span>
2755
2755
  <ul
2756
- class="pf-v5-c-chip-group__list"
2756
+ class="pf-v6-c-chip-group__list"
2757
2757
  role="list"
2758
2758
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-group-chip-group-label"
2759
2759
  >
2760
- <li class="pf-v5-c-chip-group__list-item">
2761
- <div class="pf-v5-c-chip">
2762
- <span class="pf-v5-c-chip__content">
2760
+ <li class="pf-v6-c-chip-group__list-item">
2761
+ <div class="pf-v6-c-chip">
2762
+ <span class="pf-v6-c-chip__content">
2763
2763
  <span
2764
- class="pf-v5-c-chip__text"
2764
+ class="pf-v6-c-chip__text"
2765
2765
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-one"
2766
2766
  >Canceled</span>
2767
2767
  </span>
2768
- <span class="pf-v5-c-chip__actions">
2768
+ <span class="pf-v6-c-chip__actions">
2769
2769
  <button
2770
- class="pf-v5-c-button pf-m-plain"
2770
+ class="pf-v6-c-button pf-m-plain"
2771
2771
  type="button"
2772
2772
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-one"
2773
2773
  aria-label="Remove"
@@ -2778,17 +2778,17 @@ section: components
2778
2778
  </span>
2779
2779
  </div>
2780
2780
  </li>
2781
- <li class="pf-v5-c-chip-group__list-item">
2782
- <div class="pf-v5-c-chip">
2783
- <span class="pf-v5-c-chip__content">
2781
+ <li class="pf-v6-c-chip-group__list-item">
2782
+ <div class="pf-v6-c-chip">
2783
+ <span class="pf-v6-c-chip__content">
2784
2784
  <span
2785
- class="pf-v5-c-chip__text"
2785
+ class="pf-v6-c-chip__text"
2786
2786
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-two"
2787
2787
  >Paused</span>
2788
2788
  </span>
2789
- <span class="pf-v5-c-chip__actions">
2789
+ <span class="pf-v6-c-chip__actions">
2790
2790
  <button
2791
- class="pf-v5-c-button pf-m-plain"
2791
+ class="pf-v6-c-button pf-m-plain"
2792
2792
  type="button"
2793
2793
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-two"
2794
2794
  aria-label="Remove"
@@ -2799,17 +2799,17 @@ section: components
2799
2799
  </span>
2800
2800
  </div>
2801
2801
  </li>
2802
- <li class="pf-v5-c-chip-group__list-item">
2803
- <div class="pf-v5-c-chip">
2804
- <span class="pf-v5-c-chip__content">
2802
+ <li class="pf-v6-c-chip-group__list-item">
2803
+ <div class="pf-v6-c-chip">
2804
+ <span class="pf-v6-c-chip__content">
2805
2805
  <span
2806
- class="pf-v5-c-chip__text"
2806
+ class="pf-v6-c-chip__text"
2807
2807
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-three"
2808
2808
  >Restarted</span>
2809
2809
  </span>
2810
- <span class="pf-v5-c-chip__actions">
2810
+ <span class="pf-v6-c-chip__actions">
2811
2811
  <button
2812
- class="pf-v5-c-button pf-m-plain"
2812
+ class="pf-v6-c-button pf-m-plain"
2813
2813
  type="button"
2814
2814
  aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-chip-groupchip-three"
2815
2815
  aria-label="Remove"
@@ -2825,9 +2825,9 @@ section: components
2825
2825
  </div>
2826
2826
  </div>
2827
2827
  </div>
2828
- <div class="pf-v5-c-toolbar__item">
2828
+ <div class="pf-v6-c-toolbar__item">
2829
2829
  <button
2830
- class="pf-v5-c-button pf-m-link pf-m-inline"
2830
+ class="pf-v6-c-button pf-m-link pf-m-inline"
2831
2831
  type="button"
2832
2832
  >Clear all filters</button>
2833
2833
  </div>
@@ -2840,28 +2840,28 @@ section: components
2840
2840
  ### Toolbar pagination management on mobile
2841
2841
 
2842
2842
  ```html isFullscreen
2843
- <div class="pf-v5-c-page" id="toolbar-pagination-management-example">
2844
- <div class="pf-v5-c-skip-to-content">
2843
+ <div class="pf-v6-c-page" id="toolbar-pagination-management-example">
2844
+ <div class="pf-v6-c-skip-to-content">
2845
2845
  <a
2846
- class="pf-v5-c-button pf-m-primary"
2846
+ class="pf-v6-c-button pf-m-primary"
2847
2847
  href="#main-content-toolbar-pagination-management-example"
2848
2848
  >Skip to content</a>
2849
2849
  </div>
2850
2850
  <header
2851
- class="pf-v5-c-masthead"
2851
+ class="pf-v6-c-masthead"
2852
2852
  id="toolbar-pagination-management-example-masthead"
2853
2853
  >
2854
- <span class="pf-v5-c-masthead__toggle">
2854
+ <span class="pf-v6-c-masthead__toggle">
2855
2855
  <button
2856
- class="pf-v5-c-button pf-m-plain"
2856
+ class="pf-v6-c-button pf-m-plain"
2857
2857
  type="button"
2858
2858
  aria-label="Global navigation"
2859
2859
  >
2860
2860
  <i class="fas fa-bars" aria-hidden="true"></i>
2861
2861
  </button>
2862
2862
  </span>
2863
- <div class="pf-v5-c-masthead__main">
2864
- <a class="pf-v5-c-masthead__brand" href="#">
2863
+ <div class="pf-v6-c-masthead__main">
2864
+ <a class="pf-v6-c-masthead__brand" href="#">
2865
2865
  <svg height="40px" viewBox="0 0 679 158">
2866
2866
  <title>PF-HorizontalLogo-Color</title>
2867
2867
  <defs>
@@ -2934,37 +2934,37 @@ section: components
2934
2934
  </svg>
2935
2935
  </a>
2936
2936
  </div>
2937
- <div class="pf-v5-c-masthead__content">
2937
+ <div class="pf-v6-c-masthead__content">
2938
2938
  <div
2939
- class="pf-v5-c-toolbar pf-m-static"
2939
+ class="pf-v6-c-toolbar pf-m-static"
2940
2940
  id="toolbar-pagination-management-example-masthead-toolbar"
2941
2941
  >
2942
- <div class="pf-v5-c-toolbar__content">
2943
- <div class="pf-v5-c-toolbar__content-section">
2944
- <div class="pf-v5-c-toolbar__item">
2942
+ <div class="pf-v6-c-toolbar__content">
2943
+ <div class="pf-v6-c-toolbar__content-section">
2944
+ <div class="pf-v6-c-toolbar__item">
2945
2945
  <button
2946
- class="pf-v5-c-menu-toggle"
2946
+ class="pf-v6-c-menu-toggle"
2947
2947
  type="button"
2948
2948
  aria-expanded="false"
2949
2949
  >
2950
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
2951
- <span class="pf-v5-c-menu-toggle__controls">
2952
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2950
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
2951
+ <span class="pf-v6-c-menu-toggle__controls">
2952
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2953
2953
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2954
2954
  </span>
2955
2955
  </span>
2956
2956
  </button>
2957
2957
  </div>
2958
2958
 
2959
- <div class="pf-v5-c-toolbar__item">
2959
+ <div class="pf-v6-c-toolbar__item">
2960
2960
  <button
2961
- class="pf-v5-c-menu-toggle"
2961
+ class="pf-v6-c-menu-toggle"
2962
2962
  type="button"
2963
2963
  aria-expanded="false"
2964
2964
  >
2965
- <span class="pf-v5-c-menu-toggle__text">Services</span>
2966
- <span class="pf-v5-c-menu-toggle__controls">
2967
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2965
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
2966
+ <span class="pf-v6-c-menu-toggle__controls">
2967
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
2968
2968
  <i class="fas fa-caret-down" aria-hidden="true"></i>
2969
2969
  </span>
2970
2970
  </span>
@@ -2972,56 +2972,56 @@ section: components
2972
2972
  </div>
2973
2973
 
2974
2974
  <div
2975
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2975
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2976
2976
  >
2977
2977
  <div
2978
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2978
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2979
2979
  >
2980
- <div class="pf-v5-c-toolbar__item">
2980
+ <div class="pf-v6-c-toolbar__item">
2981
2981
  <button
2982
- class="pf-v5-c-menu-toggle pf-m-plain"
2982
+ class="pf-v6-c-menu-toggle pf-m-plain"
2983
2983
  type="button"
2984
2984
  aria-expanded="false"
2985
2985
  aria-label="Application launcher"
2986
2986
  >
2987
- <span class="pf-v5-c-menu-toggle__icon">
2987
+ <span class="pf-v6-c-menu-toggle__icon">
2988
2988
  <i class="fas fa-th" aria-hidden="true"></i>
2989
2989
  </span>
2990
2990
  </button>
2991
2991
  </div>
2992
- <div class="pf-v5-c-toolbar__item">
2992
+ <div class="pf-v6-c-toolbar__item">
2993
2993
  <button
2994
- class="pf-v5-c-menu-toggle pf-m-plain"
2994
+ class="pf-v6-c-menu-toggle pf-m-plain"
2995
2995
  type="button"
2996
2996
  aria-expanded="false"
2997
2997
  aria-label="Settings"
2998
2998
  >
2999
- <span class="pf-v5-c-menu-toggle__icon">
2999
+ <span class="pf-v6-c-menu-toggle__icon">
3000
3000
  <i class="fas fa-cog" aria-hidden="true"></i>
3001
3001
  </span>
3002
3002
  </button>
3003
3003
  </div>
3004
- <div class="pf-v5-c-toolbar__item">
3004
+ <div class="pf-v6-c-toolbar__item">
3005
3005
  <button
3006
- class="pf-v5-c-menu-toggle pf-m-plain"
3006
+ class="pf-v6-c-menu-toggle pf-m-plain"
3007
3007
  type="button"
3008
3008
  aria-expanded="false"
3009
3009
  aria-label="Help"
3010
3010
  >
3011
- <span class="pf-v5-c-menu-toggle__icon">
3011
+ <span class="pf-v6-c-menu-toggle__icon">
3012
3012
  <i class="fas fa-question-circle" aria-hidden="true"></i>
3013
3013
  </span>
3014
3014
  </button>
3015
3015
  </div>
3016
3016
  </div>
3017
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
3017
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3018
3018
  <button
3019
- class="pf-v5-c-menu-toggle pf-m-plain"
3019
+ class="pf-v6-c-menu-toggle pf-m-plain"
3020
3020
  type="button"
3021
3021
  aria-expanded="false"
3022
3022
  aria-label="Actions"
3023
3023
  >
3024
- <span class="pf-v5-c-menu-toggle__icon">
3024
+ <span class="pf-v6-c-menu-toggle__icon">
3025
3025
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3026
3026
  </span>
3027
3027
  </button>
@@ -3032,71 +3032,71 @@ section: components
3032
3032
  </div>
3033
3033
  </div>
3034
3034
  </header>
3035
- <div class="pf-v5-c-page__sidebar">
3036
- <div class="pf-v5-c-page__sidebar-body">
3035
+ <div class="pf-v6-c-page__sidebar">
3036
+ <div class="pf-v6-c-page__sidebar-body">
3037
3037
  <nav
3038
- class="pf-v5-c-nav"
3038
+ class="pf-v6-c-nav"
3039
3039
  id="toolbar-pagination-management-example-primary-nav"
3040
3040
  aria-label="Global"
3041
3041
  >
3042
- <ul class="pf-v5-c-nav__list" role="list">
3043
- <li class="pf-v5-c-nav__item">
3044
- <a href="#" class="pf-v5-c-nav__link">System panel</a>
3042
+ <ul class="pf-v6-c-nav__list" role="list">
3043
+ <li class="pf-v6-c-nav__item">
3044
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
3045
3045
  </li>
3046
- <li class="pf-v5-c-nav__item">
3046
+ <li class="pf-v6-c-nav__item">
3047
3047
  <a
3048
3048
  href="#"
3049
- class="pf-v5-c-nav__link pf-m-current"
3049
+ class="pf-v6-c-nav__link pf-m-current"
3050
3050
  aria-current="page"
3051
3051
  >Policy</a>
3052
3052
  </li>
3053
- <li class="pf-v5-c-nav__item">
3054
- <a href="#" class="pf-v5-c-nav__link">Authentication</a>
3053
+ <li class="pf-v6-c-nav__item">
3054
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
3055
3055
  </li>
3056
- <li class="pf-v5-c-nav__item">
3057
- <a href="#" class="pf-v5-c-nav__link">Network services</a>
3056
+ <li class="pf-v6-c-nav__item">
3057
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
3058
3058
  </li>
3059
- <li class="pf-v5-c-nav__item">
3060
- <a href="#" class="pf-v5-c-nav__link">Server</a>
3059
+ <li class="pf-v6-c-nav__item">
3060
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
3061
3061
  </li>
3062
3062
  </ul>
3063
3063
  </nav>
3064
3064
  </div>
3065
3065
  </div>
3066
3066
  <main
3067
- class="pf-v5-c-page__main"
3067
+ class="pf-v6-c-page__main"
3068
3068
  tabindex="-1"
3069
3069
  id="main-content-toolbar-pagination-management-example"
3070
3070
  >
3071
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
3072
- <div class="pf-v5-c-page__main-body">
3073
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
3074
- <ol class="pf-v5-c-breadcrumb__list" role="list">
3075
- <li class="pf-v5-c-breadcrumb__item">
3076
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
3071
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
3072
+ <div class="pf-v6-c-page__main-body">
3073
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
3074
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
3075
+ <li class="pf-v6-c-breadcrumb__item">
3076
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
3077
3077
  </li>
3078
- <li class="pf-v5-c-breadcrumb__item">
3079
- <span class="pf-v5-c-breadcrumb__item-divider">
3078
+ <li class="pf-v6-c-breadcrumb__item">
3079
+ <span class="pf-v6-c-breadcrumb__item-divider">
3080
3080
  <i class="fas fa-angle-right" aria-hidden="true"></i>
3081
3081
  </span>
3082
3082
 
3083
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
3083
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3084
3084
  </li>
3085
- <li class="pf-v5-c-breadcrumb__item">
3086
- <span class="pf-v5-c-breadcrumb__item-divider">
3085
+ <li class="pf-v6-c-breadcrumb__item">
3086
+ <span class="pf-v6-c-breadcrumb__item-divider">
3087
3087
  <i class="fas fa-angle-right" aria-hidden="true"></i>
3088
3088
  </span>
3089
3089
 
3090
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
3090
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3091
3091
  </li>
3092
- <li class="pf-v5-c-breadcrumb__item">
3093
- <span class="pf-v5-c-breadcrumb__item-divider">
3092
+ <li class="pf-v6-c-breadcrumb__item">
3093
+ <span class="pf-v6-c-breadcrumb__item-divider">
3094
3094
  <i class="fas fa-angle-right" aria-hidden="true"></i>
3095
3095
  </span>
3096
3096
 
3097
3097
  <a
3098
3098
  href="#"
3099
- class="pf-v5-c-breadcrumb__link pf-m-current"
3099
+ class="pf-v6-c-breadcrumb__link pf-m-current"
3100
3100
  aria-current="page"
3101
3101
  >Section landing</a>
3102
3102
  </li>
@@ -3104,68 +3104,68 @@ section: components
3104
3104
  </nav>
3105
3105
  </div>
3106
3106
  </section>
3107
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
3108
- <div class="pf-v5-c-page__main-body">
3109
- <div class="pf-v5-c-content">
3107
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
3108
+ <div class="pf-v6-c-page__main-body">
3109
+ <div class="pf-v6-c-content">
3110
3110
  <h1>Main title</h1>
3111
3111
  <p>This is a full page demo.</p>
3112
3112
  </div>
3113
3113
  </div>
3114
3114
  </section>
3115
- <section class="pf-v5-c-page__main-section">
3115
+ <section class="pf-v6-c-page__main-section">
3116
3116
  <div
3117
- class="pf-v5-c-toolbar pf-m-nowrap"
3117
+ class="pf-v6-c-toolbar pf-m-nowrap"
3118
3118
  id="toolbar-pagination-management-example-toolbar"
3119
3119
  >
3120
- <div class="pf-v5-c-toolbar__content">
3121
- <div class="pf-v5-c-toolbar__content-section pf-m-nowrap">
3122
- <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
3123
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
3120
+ <div class="pf-v6-c-toolbar__content">
3121
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
3122
+ <div class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show">
3123
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
3124
3124
  <button
3125
- class="pf-v5-c-menu-toggle pf-m-plain"
3125
+ class="pf-v6-c-menu-toggle pf-m-plain"
3126
3126
  type="button"
3127
3127
  aria-expanded="false"
3128
3128
  aria-label="Show filters"
3129
3129
  aria-controls="toolbar-pagination-management-example-toolbar-expandable-content"
3130
3130
  >
3131
- <span class="pf-v5-c-menu-toggle__icon">
3131
+ <span class="pf-v6-c-menu-toggle__icon">
3132
3132
  <i class="fas fa-filter" aria-hidden="true"></i>
3133
3133
  </span>
3134
3134
  </button>
3135
3135
  </div>
3136
- <div class="pf-v5-c-toolbar__item pf-m-search-filter">
3136
+ <div class="pf-v6-c-toolbar__item pf-m-search-filter">
3137
3137
  <div
3138
- class="pf-v5-c-input-group"
3138
+ class="pf-v6-c-input-group"
3139
3139
  aria-label="search filter"
3140
3140
  role="group"
3141
3141
  >
3142
- <div class="pf-v5-c-input-group__item">
3142
+ <div class="pf-v6-c-input-group__item">
3143
3143
  <button
3144
- class="pf-v5-c-menu-toggle"
3144
+ class="pf-v6-c-menu-toggle"
3145
3145
  type="button"
3146
3146
  aria-expanded="false"
3147
3147
  id="toolbar-pagination-management-example-toolbar-search-filter-menu"
3148
3148
  >
3149
- <span class="pf-v5-c-menu-toggle__icon">
3149
+ <span class="pf-v6-c-menu-toggle__icon">
3150
3150
  <i class="fas fa-filter" aria-hidden="true"></i>
3151
3151
  </span>
3152
- <span class="pf-v5-c-menu-toggle__text">Name</span>
3153
- <span class="pf-v5-c-menu-toggle__controls">
3154
- <span class="pf-v5-c-menu-toggle__toggle-icon">
3152
+ <span class="pf-v6-c-menu-toggle__text">Name</span>
3153
+ <span class="pf-v6-c-menu-toggle__controls">
3154
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
3155
3155
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3156
3156
  </span>
3157
3157
  </span>
3158
3158
  </button>
3159
3159
  </div>
3160
- <div class="pf-v5-c-input-group__item pf-m-fill">
3161
- <div class="pf-v5-c-text-input-group">
3162
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
3163
- <span class="pf-v5-c-text-input-group__text">
3164
- <span class="pf-v5-c-text-input-group__icon">
3160
+ <div class="pf-v6-c-input-group__item pf-m-fill">
3161
+ <div class="pf-v6-c-text-input-group">
3162
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
3163
+ <span class="pf-v6-c-text-input-group__text">
3164
+ <span class="pf-v6-c-text-input-group__icon">
3165
3165
  <i class="fas fa-fw fa-search"></i>
3166
3166
  </span>
3167
3167
  <input
3168
- class="pf-v5-c-text-input-group__text-input"
3168
+ class="pf-v6-c-text-input-group__text-input"
3169
3169
  type="text"
3170
3170
  placeholder="Filter by name"
3171
3171
  value
@@ -3178,15 +3178,15 @@ section: components
3178
3178
  </div>
3179
3179
  </div>
3180
3180
  </div>
3181
- <div class="pf-v5-c-toolbar__item pf-m-overflow-menu">
3181
+ <div class="pf-v6-c-toolbar__item pf-m-overflow-menu">
3182
3182
  <div
3183
- class="pf-v5-c-overflow-menu"
3183
+ class="pf-v6-c-overflow-menu"
3184
3184
  id="toolbar-pagination-management-example-toolbar-overflow-menu"
3185
3185
  >
3186
- <div class="pf-v5-c-overflow-menu__control">
3187
- <div class="pf-v5-c-dropdown">
3186
+ <div class="pf-v6-c-overflow-menu__control">
3187
+ <div class="pf-v6-c-dropdown">
3188
3188
  <button
3189
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
3189
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
3190
3190
  type="button"
3191
3191
  id="toolbar-pagination-management-example-toolbar-overflow-menu-dropdown-toggle"
3192
3192
  aria-label="Overflow menu"
@@ -3195,7 +3195,7 @@ section: components
3195
3195
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3196
3196
  </button>
3197
3197
  <ul
3198
- class="pf-v5-c-dropdown__menu"
3198
+ class="pf-v6-c-dropdown__menu"
3199
3199
  role="menu"
3200
3200
  aria-labelledby="toolbar-pagination-management-example-toolbar-overflow-menu-dropdown-toggle"
3201
3201
  hidden
@@ -3203,19 +3203,19 @@ section: components
3203
3203
  <li role="none">
3204
3204
  <button
3205
3205
  role="menuitem"
3206
- class="pf-v5-c-dropdown__menu-item"
3206
+ class="pf-v6-c-dropdown__menu-item"
3207
3207
  >Primary</button>
3208
3208
  </li>
3209
3209
  <li role="none">
3210
3210
  <button
3211
3211
  role="menuitem"
3212
- class="pf-v5-c-dropdown__menu-item"
3212
+ class="pf-v6-c-dropdown__menu-item"
3213
3213
  >Secondary</button>
3214
3214
  </li>
3215
3215
  <li role="none">
3216
3216
  <button
3217
3217
  role="menuitem"
3218
- class="pf-v5-c-dropdown__menu-item"
3218
+ class="pf-v6-c-dropdown__menu-item"
3219
3219
  >Tertiary</button>
3220
3220
  </li>
3221
3221
  </ul>
@@ -3223,58 +3223,58 @@ section: components
3223
3223
  </div>
3224
3224
  </div>
3225
3225
  </div>
3226
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
3226
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
3227
3227
  <div
3228
- class="pf-v5-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
3228
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
3229
3229
  >
3230
3230
  <div
3231
- class="pf-v5-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
3231
+ class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
3232
3232
  >
3233
- <div class="pf-v5-c-pagination__page-menu">
3234
- <div class="pf-v5-c-options-menu">
3233
+ <div class="pf-v6-c-pagination__page-menu">
3234
+ <div class="pf-v6-c-options-menu">
3235
3235
  <button
3236
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
3236
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
3237
3237
  type="button"
3238
3238
  id="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
3239
3239
  aria-haspopup="listbox"
3240
3240
  aria-expanded="false"
3241
3241
  >
3242
- <span class="pf-v5-c-options-menu__toggle-text">
3242
+ <span class="pf-v6-c-options-menu__toggle-text">
3243
3243
  <b>1 - 10</b>&nbsp;of&nbsp;
3244
3244
  <b>36</b>
3245
3245
  </span>
3246
- <div class="pf-v5-c-options-menu__toggle-icon">
3246
+ <div class="pf-v6-c-options-menu__toggle-icon">
3247
3247
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3248
3248
  </div>
3249
3249
  </button>
3250
3250
  <ul
3251
- class="pf-v5-c-options-menu__menu"
3251
+ class="pf-v6-c-options-menu__menu"
3252
3252
  role="menu"
3253
3253
  aria-labelledby="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
3254
3254
  hidden
3255
3255
  >
3256
3256
  <li role="none">
3257
3257
  <button
3258
- class="pf-v5-c-options-menu__menu-item"
3258
+ class="pf-v6-c-options-menu__menu-item"
3259
3259
  type="button"
3260
3260
  role="menuitem"
3261
3261
  >5 per page</button>
3262
3262
  </li>
3263
3263
  <li role="none">
3264
3264
  <button
3265
- class="pf-v5-c-options-menu__menu-item"
3265
+ class="pf-v6-c-options-menu__menu-item"
3266
3266
  type="button"
3267
3267
  role="menuitem"
3268
3268
  >
3269
3269
  10 per page
3270
- <div class="pf-v5-c-options-menu__menu-item-icon">
3270
+ <div class="pf-v6-c-options-menu__menu-item-icon">
3271
3271
  <i class="fas fa-check" aria-hidden="true"></i>
3272
3272
  </div>
3273
3273
  </button>
3274
3274
  </li>
3275
3275
  <li role="none">
3276
3276
  <button
3277
- class="pf-v5-c-options-menu__menu-item"
3277
+ class="pf-v6-c-options-menu__menu-item"
3278
3278
  type="button"
3279
3279
  role="menuitem"
3280
3280
  >20 per page</button>
@@ -3282,10 +3282,10 @@ section: components
3282
3282
  </ul>
3283
3283
  </div>
3284
3284
  </div>
3285
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
3286
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
3285
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3286
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
3287
3287
  <button
3288
- class="pf-v5-c-button pf-m-plain"
3288
+ class="pf-v6-c-button pf-m-plain"
3289
3289
  type="button"
3290
3290
  disabled
3291
3291
  aria-label="Go to previous page"
@@ -3293,9 +3293,9 @@ section: components
3293
3293
  <i class="fas fa-angle-left" aria-hidden="true"></i>
3294
3294
  </button>
3295
3295
  </div>
3296
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
3296
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
3297
3297
  <button
3298
- class="pf-v5-c-button pf-m-plain"
3298
+ class="pf-v6-c-button pf-m-plain"
3299
3299
  type="button"
3300
3300
  aria-label="Go to next page"
3301
3301
  >
@@ -3308,7 +3308,7 @@ section: components
3308
3308
  </div>
3309
3309
  </div>
3310
3310
  <div
3311
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
3311
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
3312
3312
  id="toolbar-pagination-management-example-toolbar-expandable-content"
3313
3313
  hidden
3314
3314
  ></div>
@@ -3316,50 +3316,50 @@ section: components
3316
3316
  </div>
3317
3317
  <div>
3318
3318
  <table
3319
- class="pf-v5-c-table pf-m-grid-md"
3319
+ class="pf-v6-c-table pf-m-grid-md"
3320
3320
  role="grid"
3321
3321
  aria-label="This is a table with checkboxes"
3322
3322
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table"
3323
3323
  >
3324
- <thead class="pf-v5-c-table__thead">
3325
- <tr class="pf-v5-c-table__tr" role="row">
3326
- <td class="pf-v5-c-table__td"></td>
3324
+ <thead class="pf-v6-c-table__thead">
3325
+ <tr class="pf-v6-c-table__tr" role="row">
3326
+ <td class="pf-v6-c-table__td"></td>
3327
3327
  <th
3328
- class="pf-v5-c-table__th"
3328
+ class="pf-v6-c-table__th"
3329
3329
  role="columnheader"
3330
3330
  scope="col"
3331
3331
  >Repositories</th>
3332
3332
  <th
3333
- class="pf-v5-c-table__th"
3333
+ class="pf-v6-c-table__th"
3334
3334
  role="columnheader"
3335
3335
  scope="col"
3336
3336
  >Branches</th>
3337
3337
  <th
3338
- class="pf-v5-c-table__th"
3338
+ class="pf-v6-c-table__th"
3339
3339
  role="columnheader"
3340
3340
  scope="col"
3341
3341
  >Pull requests</th>
3342
3342
  <th
3343
- class="pf-v5-c-table__th"
3343
+ class="pf-v6-c-table__th"
3344
3344
  role="columnheader"
3345
3345
  scope="col"
3346
3346
  >Workspaces</th>
3347
3347
  <th
3348
- class="pf-v5-c-table__th"
3348
+ class="pf-v6-c-table__th"
3349
3349
  role="columnheader"
3350
3350
  scope="col"
3351
3351
  >Last commit</th>
3352
- <td class="pf-v5-c-table__td"></td>
3353
- <td class="pf-v5-c-table__td"></td>
3352
+ <td class="pf-v6-c-table__td"></td>
3353
+ <td class="pf-v6-c-table__td"></td>
3354
3354
  </tr>
3355
3355
  </thead>
3356
3356
 
3357
- <tbody class="pf-v5-c-table__tbody" role="rowgroup">
3358
- <tr class="pf-v5-c-table__tr" role="row">
3359
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
3360
- <div class="pf-v5-c-check pf-m-standalone">
3357
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3358
+ <tr class="pf-v6-c-table__tr" role="row">
3359
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3360
+ <div class="pf-v6-c-check pf-m-standalone">
3361
3361
  <input
3362
- class="pf-v5-c-check__input"
3362
+ class="pf-v6-c-check__input"
3363
3363
  type="checkbox"
3364
3364
  name="checkrow1"
3365
3365
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
@@ -3367,7 +3367,7 @@ section: components
3367
3367
  </div>
3368
3368
  </td>
3369
3369
  <th
3370
- class="pf-v5-c-table__th"
3370
+ class="pf-v6-c-table__th"
3371
3371
  role="columnheader"
3372
3372
  data-label="Repository name"
3373
3373
  >
@@ -3378,13 +3378,13 @@ section: components
3378
3378
  <a href="#">siemur/test-space</a>
3379
3379
  </div>
3380
3380
  </th>
3381
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
3381
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3382
3382
  <span>
3383
3383
  <i class="fas fa-code-branch"></i> 10
3384
3384
  </span>
3385
3385
  </td>
3386
3386
  <td
3387
- class="pf-v5-c-table__td"
3387
+ class="pf-v6-c-table__td"
3388
3388
  role="cell"
3389
3389
  data-label="Pull requests"
3390
3390
  >
@@ -3392,23 +3392,23 @@ section: components
3392
3392
  <i class="fas fa-code"></i> 25
3393
3393
  </span>
3394
3394
  </td>
3395
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
3395
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
3396
3396
  <span>
3397
3397
  <i class="fas fa-cube"></i> 5
3398
3398
  </span>
3399
3399
  </td>
3400
3400
  <td
3401
- class="pf-v5-c-table__td"
3401
+ class="pf-v6-c-table__td"
3402
3402
  role="cell"
3403
3403
  data-label="Last commit"
3404
3404
  >2 days ago</td>
3405
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
3405
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3406
3406
  <a href="#">Action link</a>
3407
3407
  </td>
3408
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
3409
- <div class="pf-v5-c-dropdown">
3408
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3409
+ <div class="pf-v6-c-dropdown">
3410
3410
  <button
3411
- class="pf-v5-c-dropdown__toggle pf-m-plain"
3411
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
3412
3412
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
3413
3413
  aria-expanded="false"
3414
3414
  type="button"
@@ -3417,28 +3417,28 @@ section: components
3417
3417
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3418
3418
  </button>
3419
3419
  <ul
3420
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3420
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
3421
3421
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
3422
3422
  hidden
3423
3423
  role="menu"
3424
3424
  >
3425
3425
  <li role="none">
3426
3426
  <a
3427
- class="pf-v5-c-dropdown__menu-item"
3427
+ class="pf-v6-c-dropdown__menu-item"
3428
3428
  role="menuitem"
3429
3429
  href="#"
3430
3430
  >Link</a>
3431
3431
  </li>
3432
3432
  <li role="none">
3433
3433
  <button
3434
- class="pf-v5-c-dropdown__menu-item"
3434
+ class="pf-v6-c-dropdown__menu-item"
3435
3435
  role="menuitem"
3436
3436
  type="button"
3437
3437
  >Action</button>
3438
3438
  </li>
3439
3439
  <li role="none">
3440
3440
  <a
3441
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3441
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3442
3442
  role="menuitem"
3443
3443
  href="#"
3444
3444
  aria-disabled="true"
@@ -3447,16 +3447,16 @@ section: components
3447
3447
  </li>
3448
3448
  <li role="none">
3449
3449
  <button
3450
- class="pf-v5-c-dropdown__menu-item"
3450
+ class="pf-v6-c-dropdown__menu-item"
3451
3451
  role="menuitem"
3452
3452
  type="button"
3453
3453
  disabled
3454
3454
  >Disabled action</button>
3455
3455
  </li>
3456
- <li class="pf-v5-c-divider" role="separator"></li>
3456
+ <li class="pf-v6-c-divider" role="separator"></li>
3457
3457
  <li role="none">
3458
3458
  <a
3459
- class="pf-v5-c-dropdown__menu-item"
3459
+ class="pf-v6-c-dropdown__menu-item"
3460
3460
  role="menuitem"
3461
3461
  href="#"
3462
3462
  >Separated link</a>
@@ -3466,11 +3466,11 @@ section: components
3466
3466
  </td>
3467
3467
  </tr>
3468
3468
 
3469
- <tr class="pf-v5-c-table__tr" role="row">
3470
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
3471
- <div class="pf-v5-c-check pf-m-standalone">
3469
+ <tr class="pf-v6-c-table__tr" role="row">
3470
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3471
+ <div class="pf-v6-c-check pf-m-standalone">
3472
3472
  <input
3473
- class="pf-v5-c-check__input"
3473
+ class="pf-v6-c-check__input"
3474
3474
  type="checkbox"
3475
3475
  name="checkrow2"
3476
3476
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
@@ -3478,7 +3478,7 @@ section: components
3478
3478
  </div>
3479
3479
  </td>
3480
3480
  <th
3481
- class="pf-v5-c-table__th"
3481
+ class="pf-v6-c-table__th"
3482
3482
  role="columnheader"
3483
3483
  data-label="Repository name"
3484
3484
  >
@@ -3489,13 +3489,13 @@ section: components
3489
3489
  <a href="#">siemur/test-space</a>
3490
3490
  </div>
3491
3491
  </th>
3492
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
3492
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3493
3493
  <span>
3494
3494
  <i class="fas fa-code-branch"></i> 8
3495
3495
  </span>
3496
3496
  </td>
3497
3497
  <td
3498
- class="pf-v5-c-table__td"
3498
+ class="pf-v6-c-table__td"
3499
3499
  role="cell"
3500
3500
  data-label="Pull requests"
3501
3501
  >
@@ -3503,23 +3503,23 @@ section: components
3503
3503
  <i class="fas fa-code"></i> 30
3504
3504
  </span>
3505
3505
  </td>
3506
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
3506
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
3507
3507
  <span>
3508
3508
  <i class="fas fa-cube"></i> 2
3509
3509
  </span>
3510
3510
  </td>
3511
3511
  <td
3512
- class="pf-v5-c-table__td"
3512
+ class="pf-v6-c-table__td"
3513
3513
  role="cell"
3514
3514
  data-label="Last commit"
3515
3515
  >2 days ago</td>
3516
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
3516
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3517
3517
  <a href="#">Action link</a>
3518
3518
  </td>
3519
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
3520
- <div class="pf-v5-c-dropdown">
3519
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3520
+ <div class="pf-v6-c-dropdown">
3521
3521
  <button
3522
- class="pf-v5-c-dropdown__toggle pf-m-plain"
3522
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
3523
3523
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
3524
3524
  aria-expanded="false"
3525
3525
  type="button"
@@ -3528,28 +3528,28 @@ section: components
3528
3528
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3529
3529
  </button>
3530
3530
  <ul
3531
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3531
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
3532
3532
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
3533
3533
  hidden
3534
3534
  role="menu"
3535
3535
  >
3536
3536
  <li role="none">
3537
3537
  <a
3538
- class="pf-v5-c-dropdown__menu-item"
3538
+ class="pf-v6-c-dropdown__menu-item"
3539
3539
  role="menuitem"
3540
3540
  href="#"
3541
3541
  >Link</a>
3542
3542
  </li>
3543
3543
  <li role="none">
3544
3544
  <button
3545
- class="pf-v5-c-dropdown__menu-item"
3545
+ class="pf-v6-c-dropdown__menu-item"
3546
3546
  role="menuitem"
3547
3547
  type="button"
3548
3548
  >Action</button>
3549
3549
  </li>
3550
3550
  <li role="none">
3551
3551
  <a
3552
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3552
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3553
3553
  role="menuitem"
3554
3554
  href="#"
3555
3555
  aria-disabled="true"
@@ -3558,16 +3558,16 @@ section: components
3558
3558
  </li>
3559
3559
  <li role="none">
3560
3560
  <button
3561
- class="pf-v5-c-dropdown__menu-item"
3561
+ class="pf-v6-c-dropdown__menu-item"
3562
3562
  role="menuitem"
3563
3563
  type="button"
3564
3564
  disabled
3565
3565
  >Disabled action</button>
3566
3566
  </li>
3567
- <li class="pf-v5-c-divider" role="separator"></li>
3567
+ <li class="pf-v6-c-divider" role="separator"></li>
3568
3568
  <li role="none">
3569
3569
  <a
3570
- class="pf-v5-c-dropdown__menu-item"
3570
+ class="pf-v6-c-dropdown__menu-item"
3571
3571
  role="menuitem"
3572
3572
  href="#"
3573
3573
  >Separated link</a>
@@ -3577,11 +3577,11 @@ section: components
3577
3577
  </td>
3578
3578
  </tr>
3579
3579
 
3580
- <tr class="pf-v5-c-table__tr" role="row">
3581
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
3582
- <div class="pf-v5-c-check pf-m-standalone">
3580
+ <tr class="pf-v6-c-table__tr" role="row">
3581
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3582
+ <div class="pf-v6-c-check pf-m-standalone">
3583
3583
  <input
3584
- class="pf-v5-c-check__input"
3584
+ class="pf-v6-c-check__input"
3585
3585
  type="checkbox"
3586
3586
  name="checkrow3"
3587
3587
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
@@ -3589,7 +3589,7 @@ section: components
3589
3589
  </div>
3590
3590
  </td>
3591
3591
  <th
3592
- class="pf-v5-c-table__th"
3592
+ class="pf-v6-c-table__th"
3593
3593
  role="columnheader"
3594
3594
  data-label="Repository name"
3595
3595
  >
@@ -3600,13 +3600,13 @@ section: components
3600
3600
  <a href="#">siemur/test-space</a>
3601
3601
  </div>
3602
3602
  </th>
3603
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
3603
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3604
3604
  <span>
3605
3605
  <i class="fas fa-code-branch"></i> 12
3606
3606
  </span>
3607
3607
  </td>
3608
3608
  <td
3609
- class="pf-v5-c-table__td"
3609
+ class="pf-v6-c-table__td"
3610
3610
  role="cell"
3611
3611
  data-label="Pull requests"
3612
3612
  >
@@ -3614,23 +3614,23 @@ section: components
3614
3614
  <i class="fas fa-code"></i> 48
3615
3615
  </span>
3616
3616
  </td>
3617
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
3617
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
3618
3618
  <span>
3619
3619
  <i class="fas fa-cube"></i> 13
3620
3620
  </span>
3621
3621
  </td>
3622
3622
  <td
3623
- class="pf-v5-c-table__td"
3623
+ class="pf-v6-c-table__td"
3624
3624
  role="cell"
3625
3625
  data-label="Last commit"
3626
3626
  >30 days ago</td>
3627
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
3627
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3628
3628
  <a href="#">Action link</a>
3629
3629
  </td>
3630
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
3631
- <div class="pf-v5-c-dropdown">
3630
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3631
+ <div class="pf-v6-c-dropdown">
3632
3632
  <button
3633
- class="pf-v5-c-dropdown__toggle pf-m-plain"
3633
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
3634
3634
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
3635
3635
  aria-expanded="false"
3636
3636
  type="button"
@@ -3639,28 +3639,28 @@ section: components
3639
3639
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3640
3640
  </button>
3641
3641
  <ul
3642
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3642
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
3643
3643
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
3644
3644
  hidden
3645
3645
  role="menu"
3646
3646
  >
3647
3647
  <li role="none">
3648
3648
  <a
3649
- class="pf-v5-c-dropdown__menu-item"
3649
+ class="pf-v6-c-dropdown__menu-item"
3650
3650
  role="menuitem"
3651
3651
  href="#"
3652
3652
  >Link</a>
3653
3653
  </li>
3654
3654
  <li role="none">
3655
3655
  <button
3656
- class="pf-v5-c-dropdown__menu-item"
3656
+ class="pf-v6-c-dropdown__menu-item"
3657
3657
  role="menuitem"
3658
3658
  type="button"
3659
3659
  >Action</button>
3660
3660
  </li>
3661
3661
  <li role="none">
3662
3662
  <a
3663
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3663
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3664
3664
  role="menuitem"
3665
3665
  href="#"
3666
3666
  aria-disabled="true"
@@ -3669,16 +3669,16 @@ section: components
3669
3669
  </li>
3670
3670
  <li role="none">
3671
3671
  <button
3672
- class="pf-v5-c-dropdown__menu-item"
3672
+ class="pf-v6-c-dropdown__menu-item"
3673
3673
  role="menuitem"
3674
3674
  type="button"
3675
3675
  disabled
3676
3676
  >Disabled action</button>
3677
3677
  </li>
3678
- <li class="pf-v5-c-divider" role="separator"></li>
3678
+ <li class="pf-v6-c-divider" role="separator"></li>
3679
3679
  <li role="none">
3680
3680
  <a
3681
- class="pf-v5-c-dropdown__menu-item"
3681
+ class="pf-v6-c-dropdown__menu-item"
3682
3682
  role="menuitem"
3683
3683
  href="#"
3684
3684
  >Separated link</a>
@@ -3688,11 +3688,11 @@ section: components
3688
3688
  </td>
3689
3689
  </tr>
3690
3690
 
3691
- <tr class="pf-v5-c-table__tr" role="row">
3692
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
3693
- <div class="pf-v5-c-check pf-m-standalone">
3691
+ <tr class="pf-v6-c-table__tr" role="row">
3692
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3693
+ <div class="pf-v6-c-check pf-m-standalone">
3694
3694
  <input
3695
- class="pf-v5-c-check__input"
3695
+ class="pf-v6-c-check__input"
3696
3696
  type="checkbox"
3697
3697
  name="checkrow4"
3698
3698
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
@@ -3700,7 +3700,7 @@ section: components
3700
3700
  </div>
3701
3701
  </td>
3702
3702
  <th
3703
- class="pf-v5-c-table__th"
3703
+ class="pf-v6-c-table__th"
3704
3704
  role="columnheader"
3705
3705
  data-label="Repository name"
3706
3706
  >
@@ -3711,13 +3711,13 @@ section: components
3711
3711
  <a href="#">siemur/test-space</a>
3712
3712
  </div>
3713
3713
  </th>
3714
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
3714
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3715
3715
  <span>
3716
3716
  <i class="fas fa-code-branch"></i> 3
3717
3717
  </span>
3718
3718
  </td>
3719
3719
  <td
3720
- class="pf-v5-c-table__td"
3720
+ class="pf-v6-c-table__td"
3721
3721
  role="cell"
3722
3722
  data-label="Pull requests"
3723
3723
  >
@@ -3725,23 +3725,23 @@ section: components
3725
3725
  <i class="fas fa-code"></i> 8
3726
3726
  </span>
3727
3727
  </td>
3728
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
3728
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
3729
3729
  <span>
3730
3730
  <i class="fas fa-cube"></i> 20
3731
3731
  </span>
3732
3732
  </td>
3733
3733
  <td
3734
- class="pf-v5-c-table__td"
3734
+ class="pf-v6-c-table__td"
3735
3735
  role="cell"
3736
3736
  data-label="Last commit"
3737
3737
  >8 days ago</td>
3738
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
3738
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3739
3739
  <a href="#">Action link</a>
3740
3740
  </td>
3741
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
3742
- <div class="pf-v5-c-dropdown">
3741
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3742
+ <div class="pf-v6-c-dropdown">
3743
3743
  <button
3744
- class="pf-v5-c-dropdown__toggle pf-m-plain"
3744
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
3745
3745
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
3746
3746
  aria-expanded="false"
3747
3747
  type="button"
@@ -3750,28 +3750,28 @@ section: components
3750
3750
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3751
3751
  </button>
3752
3752
  <ul
3753
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3753
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
3754
3754
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
3755
3755
  hidden
3756
3756
  role="menu"
3757
3757
  >
3758
3758
  <li role="none">
3759
3759
  <a
3760
- class="pf-v5-c-dropdown__menu-item"
3760
+ class="pf-v6-c-dropdown__menu-item"
3761
3761
  role="menuitem"
3762
3762
  href="#"
3763
3763
  >Link</a>
3764
3764
  </li>
3765
3765
  <li role="none">
3766
3766
  <button
3767
- class="pf-v5-c-dropdown__menu-item"
3767
+ class="pf-v6-c-dropdown__menu-item"
3768
3768
  role="menuitem"
3769
3769
  type="button"
3770
3770
  >Action</button>
3771
3771
  </li>
3772
3772
  <li role="none">
3773
3773
  <a
3774
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3774
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3775
3775
  role="menuitem"
3776
3776
  href="#"
3777
3777
  aria-disabled="true"
@@ -3780,16 +3780,16 @@ section: components
3780
3780
  </li>
3781
3781
  <li role="none">
3782
3782
  <button
3783
- class="pf-v5-c-dropdown__menu-item"
3783
+ class="pf-v6-c-dropdown__menu-item"
3784
3784
  role="menuitem"
3785
3785
  type="button"
3786
3786
  disabled
3787
3787
  >Disabled action</button>
3788
3788
  </li>
3789
- <li class="pf-v5-c-divider" role="separator"></li>
3789
+ <li class="pf-v6-c-divider" role="separator"></li>
3790
3790
  <li role="none">
3791
3791
  <a
3792
- class="pf-v5-c-dropdown__menu-item"
3792
+ class="pf-v6-c-dropdown__menu-item"
3793
3793
  role="menuitem"
3794
3794
  href="#"
3795
3795
  >Separated link</a>
@@ -3799,11 +3799,11 @@ section: components
3799
3799
  </td>
3800
3800
  </tr>
3801
3801
 
3802
- <tr class="pf-v5-c-table__tr" role="row">
3803
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
3804
- <div class="pf-v5-c-check pf-m-standalone">
3802
+ <tr class="pf-v6-c-table__tr" role="row">
3803
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3804
+ <div class="pf-v6-c-check pf-m-standalone">
3805
3805
  <input
3806
- class="pf-v5-c-check__input"
3806
+ class="pf-v6-c-check__input"
3807
3807
  type="checkbox"
3808
3808
  name="checkrow5"
3809
3809
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
@@ -3811,7 +3811,7 @@ section: components
3811
3811
  </div>
3812
3812
  </td>
3813
3813
  <td
3814
- class="pf-v5-c-table__td"
3814
+ class="pf-v6-c-table__td"
3815
3815
  role="cell"
3816
3816
  data-label="Repository name"
3817
3817
  >
@@ -3822,13 +3822,13 @@ section: components
3822
3822
  <a href="#">siemur/test-space</a>
3823
3823
  </div>
3824
3824
  </td>
3825
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
3825
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3826
3826
  <span>
3827
3827
  <i class="fas fa-code-branch"></i> 34
3828
3828
  </span>
3829
3829
  </td>
3830
3830
  <td
3831
- class="pf-v5-c-table__td"
3831
+ class="pf-v6-c-table__td"
3832
3832
  role="cell"
3833
3833
  data-label="Pull requests"
3834
3834
  >
@@ -3836,23 +3836,23 @@ section: components
3836
3836
  <i class="fas fa-code"></i> 21
3837
3837
  </span>
3838
3838
  </td>
3839
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
3839
+ <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">
3840
3840
  <span>
3841
3841
  <i class="fas fa-cube"></i> 26
3842
3842
  </span>
3843
3843
  </td>
3844
3844
  <td
3845
- class="pf-v5-c-table__td"
3845
+ class="pf-v6-c-table__td"
3846
3846
  role="cell"
3847
3847
  data-label="Last commit"
3848
3848
  >2 days ago</td>
3849
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
3849
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3850
3850
  <a href="#">Action link</a>
3851
3851
  </td>
3852
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
3853
- <div class="pf-v5-c-dropdown">
3852
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3853
+ <div class="pf-v6-c-dropdown">
3854
3854
  <button
3855
- class="pf-v5-c-dropdown__toggle pf-m-plain"
3855
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
3856
3856
  id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
3857
3857
  aria-expanded="false"
3858
3858
  type="button"
@@ -3861,28 +3861,28 @@ section: components
3861
3861
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3862
3862
  </button>
3863
3863
  <ul
3864
- class="pf-v5-c-dropdown__menu pf-m-align-right"
3864
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
3865
3865
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
3866
3866
  hidden
3867
3867
  role="menu"
3868
3868
  >
3869
3869
  <li role="none">
3870
3870
  <a
3871
- class="pf-v5-c-dropdown__menu-item"
3871
+ class="pf-v6-c-dropdown__menu-item"
3872
3872
  role="menuitem"
3873
3873
  href="#"
3874
3874
  >Link</a>
3875
3875
  </li>
3876
3876
  <li role="none">
3877
3877
  <button
3878
- class="pf-v5-c-dropdown__menu-item"
3878
+ class="pf-v6-c-dropdown__menu-item"
3879
3879
  role="menuitem"
3880
3880
  type="button"
3881
3881
  >Action</button>
3882
3882
  </li>
3883
3883
  <li role="none">
3884
3884
  <a
3885
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3885
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3886
3886
  role="menuitem"
3887
3887
  href="#"
3888
3888
  aria-disabled="true"
@@ -3891,16 +3891,16 @@ section: components
3891
3891
  </li>
3892
3892
  <li role="none">
3893
3893
  <button
3894
- class="pf-v5-c-dropdown__menu-item"
3894
+ class="pf-v6-c-dropdown__menu-item"
3895
3895
  role="menuitem"
3896
3896
  type="button"
3897
3897
  disabled
3898
3898
  >Disabled action</button>
3899
3899
  </li>
3900
- <li class="pf-v5-c-divider" role="separator"></li>
3900
+ <li class="pf-v6-c-divider" role="separator"></li>
3901
3901
  <li role="none">
3902
3902
  <a
3903
- class="pf-v5-c-dropdown__menu-item"
3903
+ class="pf-v6-c-dropdown__menu-item"
3904
3904
  role="menuitem"
3905
3905
  href="#"
3906
3906
  >Separated link</a>
@@ -3911,52 +3911,52 @@ section: components
3911
3911
  </tr>
3912
3912
  </tbody>
3913
3913
  </table>
3914
- <div class="pf-v5-c-pagination pf-m-bottom">
3915
- <div class="pf-v5-c-pagination__page-menu">
3916
- <div class="pf-v5-c-options-menu pf-m-top">
3914
+ <div class="pf-v6-c-pagination pf-m-bottom">
3915
+ <div class="pf-v6-c-pagination__page-menu">
3916
+ <div class="pf-v6-c-options-menu pf-m-top">
3917
3917
  <button
3918
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
3918
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
3919
3919
  type="button"
3920
3920
  id="pagination-options-menu-bottom-collapsed-example-toggle"
3921
3921
  aria-haspopup="listbox"
3922
3922
  aria-expanded="false"
3923
3923
  >
3924
- <span class="pf-v5-c-options-menu__toggle-text">
3924
+ <span class="pf-v6-c-options-menu__toggle-text">
3925
3925
  <b>1 - 10</b>&nbsp;of&nbsp;
3926
3926
  <b>36</b>
3927
3927
  </span>
3928
- <div class="pf-v5-c-options-menu__toggle-icon">
3928
+ <div class="pf-v6-c-options-menu__toggle-icon">
3929
3929
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3930
3930
  </div>
3931
3931
  </button>
3932
3932
  <ul
3933
- class="pf-v5-c-options-menu__menu pf-m-top"
3933
+ class="pf-v6-c-options-menu__menu pf-m-top"
3934
3934
  role="menu"
3935
3935
  aria-labelledby="pagination-options-menu-bottom-collapsed-example-toggle"
3936
3936
  hidden
3937
3937
  >
3938
3938
  <li role="none">
3939
3939
  <button
3940
- class="pf-v5-c-options-menu__menu-item"
3940
+ class="pf-v6-c-options-menu__menu-item"
3941
3941
  type="button"
3942
3942
  role="menuitem"
3943
3943
  >5 per page</button>
3944
3944
  </li>
3945
3945
  <li role="none">
3946
3946
  <button
3947
- class="pf-v5-c-options-menu__menu-item"
3947
+ class="pf-v6-c-options-menu__menu-item"
3948
3948
  type="button"
3949
3949
  role="menuitem"
3950
3950
  >
3951
3951
  10 per page
3952
- <div class="pf-v5-c-options-menu__menu-item-icon">
3952
+ <div class="pf-v6-c-options-menu__menu-item-icon">
3953
3953
  <i class="fas fa-check" aria-hidden="true"></i>
3954
3954
  </div>
3955
3955
  </button>
3956
3956
  </li>
3957
3957
  <li role="none">
3958
3958
  <button
3959
- class="pf-v5-c-options-menu__menu-item"
3959
+ class="pf-v6-c-options-menu__menu-item"
3960
3960
  type="button"
3961
3961
  role="menuitem"
3962
3962
  >20 per page</button>
@@ -3964,10 +3964,10 @@ section: components
3964
3964
  </ul>
3965
3965
  </div>
3966
3966
  </div>
3967
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
3968
- <div class="pf-v5-c-pagination__nav-control pf-m-first">
3967
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
3968
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
3969
3969
  <button
3970
- class="pf-v5-c-button pf-m-plain"
3970
+ class="pf-v6-c-button pf-m-plain"
3971
3971
  type="button"
3972
3972
  disabled
3973
3973
  aria-label="Go to first page"
@@ -3975,9 +3975,9 @@ section: components
3975
3975
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3976
3976
  </button>
3977
3977
  </div>
3978
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
3978
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
3979
3979
  <button
3980
- class="pf-v5-c-button pf-m-plain"
3980
+ class="pf-v6-c-button pf-m-plain"
3981
3981
  type="button"
3982
3982
  disabled
3983
3983
  aria-label="Go to previous page"
@@ -3985,8 +3985,8 @@ section: components
3985
3985
  <i class="fas fa-angle-left" aria-hidden="true"></i>
3986
3986
  </button>
3987
3987
  </div>
3988
- <div class="pf-v5-c-pagination__nav-page-select">
3989
- <span class="pf-v5-c-form-control">
3988
+ <div class="pf-v6-c-pagination__nav-page-select">
3989
+ <span class="pf-v6-c-form-control">
3990
3990
  <input
3991
3991
  aria-label="Current page"
3992
3992
  type="number"
@@ -3997,18 +3997,18 @@ section: components
3997
3997
  </span>
3998
3998
  <span aria-hidden="true">of 4</span>
3999
3999
  </div>
4000
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
4000
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
4001
4001
  <button
4002
- class="pf-v5-c-button pf-m-plain"
4002
+ class="pf-v6-c-button pf-m-plain"
4003
4003
  type="button"
4004
4004
  aria-label="Go to next page"
4005
4005
  >
4006
4006
  <i class="fas fa-angle-right" aria-hidden="true"></i>
4007
4007
  </button>
4008
4008
  </div>
4009
- <div class="pf-v5-c-pagination__nav-control pf-m-last">
4009
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
4010
4010
  <button
4011
- class="pf-v5-c-button pf-m-plain"
4011
+ class="pf-v6-c-button pf-m-plain"
4012
4012
  type="button"
4013
4013
  aria-label="Go to last page"
4014
4014
  >