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

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 +1 -1
  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/Page/examples/Penta.md CHANGED
@@ -7,8 +7,8 @@ wrapperTag: div
7
7
  ### Penta demo (in progress)
8
8
 
9
9
  ```html isFullscreen
10
- <div class="pf-v5-c-page" id="page-id">
11
- <header class="pf-v5-c-masthead" id="masthead-id">
10
+ <div class="pf-v6-c-page" id="page-id">
11
+ <header class="pf-v6-c-masthead" id="masthead-id">
12
12
  <svg height="40px" viewBox="0 0 679 158">
13
13
  <title>PF-HorizontalLogo-Color</title>
14
14
  <defs>
@@ -75,46 +75,46 @@ wrapperTag: div
75
75
  </g>
76
76
  </g>
77
77
  </svg>
78
- <div class="pf-v5-c-masthead__content">
79
- <div class="pf-v5-c-toolbar">
80
- <div class="pf-v5-c-toolbar__content">
81
- <div class="pf-v5-c-toolbar__content-section">
82
- <div class="pf-v5-c-toolbar__item">
78
+ <div class="pf-v6-c-masthead__content">
79
+ <div class="pf-v6-c-toolbar">
80
+ <div class="pf-v6-c-toolbar__content">
81
+ <div class="pf-v6-c-toolbar__content-section">
82
+ <div class="pf-v6-c-toolbar__item">
83
83
  <button
84
- class="pf-v5-c-menu-toggle"
84
+ class="pf-v6-c-menu-toggle"
85
85
  type="button"
86
86
  aria-expanded="false"
87
87
  >
88
- <span class="pf-v5-c-menu-toggle__text">Context selector</span>
89
- <span class="pf-v5-c-menu-toggle__controls">
90
- <span class="pf-v5-c-menu-toggle__toggle-icon">
88
+ <span class="pf-v6-c-menu-toggle__text">Context selector</span>
89
+ <span class="pf-v6-c-menu-toggle__controls">
90
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
91
91
  <i class="fas fa-caret-down" aria-hidden="true"></i>
92
92
  </span>
93
93
  </span>
94
94
  </button>
95
95
  </div>
96
- <div class="pf-v5-c-toolbar__group pf-m-align-end">
97
- <div class="pf-v5-c-toolbar__item">
96
+ <div class="pf-v6-c-toolbar__group pf-m-align-end">
97
+ <div class="pf-v6-c-toolbar__item">
98
98
  <button
99
- class="pf-v5-c-menu-toggle pf-m-plain"
99
+ class="pf-v6-c-menu-toggle pf-m-plain"
100
100
  type="button"
101
101
  aria-expanded="false"
102
102
  aria-label="Actions"
103
103
  >
104
- <span class="pf-v5-c-menu-toggle__icon">
104
+ <span class="pf-v6-c-menu-toggle__icon">
105
105
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
106
106
  </span>
107
107
  </button>
108
108
  </div>
109
- <div class="pf-v5-c-toolbar__item">
109
+ <div class="pf-v6-c-toolbar__item">
110
110
  <button
111
- class="pf-v5-c-menu-toggle"
111
+ class="pf-v6-c-menu-toggle"
112
112
  type="button"
113
113
  aria-expanded="false"
114
114
  >
115
- <span class="pf-v5-c-menu-toggle__text">Alex dev</span>
116
- <span class="pf-v5-c-menu-toggle__controls">
117
- <span class="pf-v5-c-menu-toggle__toggle-icon">
115
+ <span class="pf-v6-c-menu-toggle__text">Alex dev</span>
116
+ <span class="pf-v6-c-menu-toggle__controls">
117
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
118
118
  <i class="fas fa-caret-down" aria-hidden="true"></i>
119
119
  </span>
120
120
  </span>
@@ -126,63 +126,63 @@ wrapperTag: div
126
126
  </div>
127
127
  </div>
128
128
  </header>
129
- <div class="pf-v5-c-page__sidebar">
130
- <div class="pf-v5-c-page__sidebar-header">
131
- <h2 class="pf-v5-c-page__sidebar-title">
129
+ <div class="pf-v6-c-page__sidebar">
130
+ <div class="pf-v6-c-page__sidebar-header">
131
+ <h2 class="pf-v6-c-page__sidebar-title">
132
132
  PatternFly Navigation
133
133
  <br />Product Name
134
134
  </h2>
135
135
  </div>
136
- <div class="pf-v5-c-page__sidebar-body">
137
- <nav class="pf-v5-c-nav" aria-label="Global">
138
- <section class="pf-v5-c-nav__section" aria-labelledby="grouped-title1">
139
- <h2 class="pf-v5-c-nav__section-title" id="grouped-title1">Cluster</h2>
140
- <ul class="pf-v5-c-nav__list" role="list">
141
- <li class="pf-v5-c-nav__item">
142
- <a href="#" class="pf-v5-c-nav__link">Dashboard</a>
136
+ <div class="pf-v6-c-page__sidebar-body">
137
+ <nav class="pf-v6-c-nav" aria-label="Global">
138
+ <section class="pf-v6-c-nav__section" aria-labelledby="grouped-title1">
139
+ <h2 class="pf-v6-c-nav__section-title" id="grouped-title1">Cluster</h2>
140
+ <ul class="pf-v6-c-nav__list" role="list">
141
+ <li class="pf-v6-c-nav__item">
142
+ <a href="#" class="pf-v6-c-nav__link">Dashboard</a>
143
143
  </li>
144
- <li class="pf-v5-c-nav__item">
145
- <a href="#" class="pf-v5-c-nav__link">Builds</a>
144
+ <li class="pf-v6-c-nav__item">
145
+ <a href="#" class="pf-v6-c-nav__link">Builds</a>
146
146
  </li>
147
- <li class="pf-v5-c-nav__item">
148
- <a href="#" class="pf-v5-c-nav__link">Compute</a>
147
+ <li class="pf-v6-c-nav__item">
148
+ <a href="#" class="pf-v6-c-nav__link">Compute</a>
149
149
  </li>
150
- <li class="pf-v5-c-nav__item">
151
- <a href="#" class="pf-v5-c-nav__link">Networking</a>
150
+ <li class="pf-v6-c-nav__item">
151
+ <a href="#" class="pf-v6-c-nav__link">Networking</a>
152
152
  </li>
153
- <li class="pf-v5-c-nav__item">
154
- <a href="#" class="pf-v5-c-nav__link">Observe</a>
153
+ <li class="pf-v6-c-nav__item">
154
+ <a href="#" class="pf-v6-c-nav__link">Observe</a>
155
155
  </li>
156
- <li class="pf-v5-c-nav__item">
157
- <a href="#" class="pf-v5-c-nav__link">Operators</a>
156
+ <li class="pf-v6-c-nav__item">
157
+ <a href="#" class="pf-v6-c-nav__link">Operators</a>
158
158
  </li>
159
- <li class="pf-v5-c-nav__item">
159
+ <li class="pf-v6-c-nav__item">
160
160
  <a
161
161
  href="#"
162
- class="pf-v5-c-nav__link pf-m-current"
162
+ class="pf-v6-c-nav__link pf-m-current"
163
163
  aria-current="page"
164
164
  >Applications</a>
165
165
  </li>
166
- <li class="pf-v5-c-nav__item">
167
- <a href="#" class="pf-v5-c-nav__link">Workloads</a>
166
+ <li class="pf-v6-c-nav__item">
167
+ <a href="#" class="pf-v6-c-nav__link">Workloads</a>
168
168
  </li>
169
169
  </ul>
170
170
  </section>
171
171
 
172
- <section class="pf-v5-c-nav__section" aria-labelledby="grouped-title2">
173
- <h2 class="pf-v5-c-nav__section-title" id="grouped-title2">Settings</h2>
174
- <ul class="pf-v5-c-nav__list" role="list">
175
- <li class="pf-v5-c-nav__item">
176
- <a href="#" class="pf-v5-c-nav__link">User Management</a>
172
+ <section class="pf-v6-c-nav__section" aria-labelledby="grouped-title2">
173
+ <h2 class="pf-v6-c-nav__section-title" id="grouped-title2">Settings</h2>
174
+ <ul class="pf-v6-c-nav__list" role="list">
175
+ <li class="pf-v6-c-nav__item">
176
+ <a href="#" class="pf-v6-c-nav__link">User Management</a>
177
177
  </li>
178
- <li class="pf-v5-c-nav__item">
179
- <a href="#" class="pf-v5-c-nav__link">Administration</a>
178
+ <li class="pf-v6-c-nav__item">
179
+ <a href="#" class="pf-v6-c-nav__link">Administration</a>
180
180
  </li>
181
- <li class="pf-v5-c-nav__item">
182
- <a href="#" class="pf-v5-c-nav__link">Import YAML</a>
181
+ <li class="pf-v6-c-nav__item">
182
+ <a href="#" class="pf-v6-c-nav__link">Import YAML</a>
183
183
  </li>
184
- <li class="pf-v5-c-nav__item">
185
- <a href="#" class="pf-v5-c-nav__link">Help and Support</a>
184
+ <li class="pf-v6-c-nav__item">
185
+ <a href="#" class="pf-v6-c-nav__link">Help and Support</a>
186
186
  </li>
187
187
  </ul>
188
188
  </section>
@@ -190,37 +190,37 @@ wrapperTag: div
190
190
  </div>
191
191
  </div>
192
192
 
193
- <main class="pf-v5-c-page__main" tabindex="-1" id="main-content-page-id">
194
- <div class="pf-v5-c-page__main-list" tabindex="-1">
195
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
196
- <div class="pf-v5-c-page__main-body">
197
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
198
- <ol class="pf-v5-c-breadcrumb__list" role="list">
199
- <li class="pf-v5-c-breadcrumb__item">
200
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
193
+ <main class="pf-v6-c-page__main" tabindex="-1" id="main-content-page-id">
194
+ <div class="pf-v6-c-page__main-list" tabindex="-1">
195
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
196
+ <div class="pf-v6-c-page__main-body">
197
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
198
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
199
+ <li class="pf-v6-c-breadcrumb__item">
200
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
201
201
  </li>
202
- <li class="pf-v5-c-breadcrumb__item">
203
- <span class="pf-v5-c-breadcrumb__item-divider">
202
+ <li class="pf-v6-c-breadcrumb__item">
203
+ <span class="pf-v6-c-breadcrumb__item-divider">
204
204
  <i class="fas fa-angle-right" aria-hidden="true"></i>
205
205
  </span>
206
206
 
207
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
207
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
208
208
  </li>
209
- <li class="pf-v5-c-breadcrumb__item">
210
- <span class="pf-v5-c-breadcrumb__item-divider">
209
+ <li class="pf-v6-c-breadcrumb__item">
210
+ <span class="pf-v6-c-breadcrumb__item-divider">
211
211
  <i class="fas fa-angle-right" aria-hidden="true"></i>
212
212
  </span>
213
213
 
214
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
214
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
215
215
  </li>
216
- <li class="pf-v5-c-breadcrumb__item">
217
- <span class="pf-v5-c-breadcrumb__item-divider">
216
+ <li class="pf-v6-c-breadcrumb__item">
217
+ <span class="pf-v6-c-breadcrumb__item-divider">
218
218
  <i class="fas fa-angle-right" aria-hidden="true"></i>
219
219
  </span>
220
220
 
221
221
  <a
222
222
  href="#"
223
- class="pf-v5-c-breadcrumb__link pf-m-current"
223
+ class="pf-v6-c-breadcrumb__link pf-m-current"
224
224
  aria-current="page"
225
225
  >Section landing</a>
226
226
  </li>
@@ -228,64 +228,64 @@ wrapperTag: div
228
228
  </nav>
229
229
  </div>
230
230
  </section>
231
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
232
- <div class="pf-v5-c-page__main-body">
233
- <div class="pf-v5-c-content">
231
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
232
+ <div class="pf-v6-c-page__main-body">
233
+ <div class="pf-v6-c-content">
234
234
  <h3>Penta Hackathon Demo Page</h3>
235
235
  <p>A showcase of our new tokens being applied to create a new theme.</p>
236
236
  </div>
237
237
  </div>
238
238
  </section>
239
- <section class="pf-v5-c-page__main-section pf-m-limit-width">
240
- <div class="pf-v5-c-page__main-body">
239
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
240
+ <div class="pf-v6-c-page__main-body">
241
241
  <div
242
- class="pf-v5-c-toolbar pf-m-inset-none"
242
+ class="pf-v6-c-toolbar pf-m-inset-none"
243
243
  id="toolbar-simple-example"
244
244
  >
245
- <div class="pf-v5-c-toolbar__content">
246
- <div class="pf-v5-c-toolbar__content-section">
247
- <div class="pf-v5-c-toolbar__item">
245
+ <div class="pf-v6-c-toolbar__content">
246
+ <div class="pf-v6-c-toolbar__content-section">
247
+ <div class="pf-v6-c-toolbar__item">
248
248
  <button
249
- class="pf-v5-c-menu-toggle"
249
+ class="pf-v6-c-menu-toggle"
250
250
  type="button"
251
251
  aria-expanded="false"
252
252
  >
253
- <span class="pf-v5-c-menu-toggle__text">Dropdown menu</span>
254
- <span class="pf-v5-c-menu-toggle__controls">
255
- <span class="pf-v5-c-menu-toggle__toggle-icon">
253
+ <span class="pf-v6-c-menu-toggle__text">Dropdown menu</span>
254
+ <span class="pf-v6-c-menu-toggle__controls">
255
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
256
256
  <i class="fas fa-caret-down" aria-hidden="true"></i>
257
257
  </span>
258
258
  </span>
259
259
  </button>
260
260
  </div>
261
- <div class="pf-v5-c-toolbar__item">
261
+ <div class="pf-v6-c-toolbar__item">
262
262
  <button
263
- class="pf-v5-c-menu-toggle"
263
+ class="pf-v6-c-menu-toggle"
264
264
  type="button"
265
265
  aria-expanded="false"
266
266
  >
267
- <span class="pf-v5-c-menu-toggle__text">Another one</span>
268
- <span class="pf-v5-c-menu-toggle__controls">
269
- <span class="pf-v5-c-menu-toggle__toggle-icon">
267
+ <span class="pf-v6-c-menu-toggle__text">Another one</span>
268
+ <span class="pf-v6-c-menu-toggle__controls">
269
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
270
270
  <i class="fas fa-caret-down" aria-hidden="true"></i>
271
271
  </span>
272
272
  </span>
273
273
  </button>
274
274
  </div>
275
- <div class="pf-v5-c-toolbar__group pf-m-align-end">
276
- <div class="pf-v5-c-toolbar__group pf-m-icon-button-group">
277
- <div class="pf-v5-c-toolbar__item">
275
+ <div class="pf-v6-c-toolbar__group pf-m-align-end">
276
+ <div class="pf-v6-c-toolbar__group pf-m-icon-button-group">
277
+ <div class="pf-v6-c-toolbar__item">
278
278
  <button
279
- class="pf-v5-c-button pf-m-plain"
279
+ class="pf-v6-c-button pf-m-plain"
280
280
  type="button"
281
281
  aria-label="Remove"
282
282
  >
283
283
  <i class="fas fa-columns" aria-hidden="true"></i>
284
284
  </button>
285
285
  </div>
286
- <div class="pf-v5-c-toolbar__item">
286
+ <div class="pf-v6-c-toolbar__item">
287
287
  <button
288
- class="pf-v5-c-button pf-m-plain"
288
+ class="pf-v6-c-button pf-m-plain"
289
289
  type="button"
290
290
  aria-label="Remove"
291
291
  >
@@ -293,9 +293,9 @@ wrapperTag: div
293
293
  </button>
294
294
  </div>
295
295
  </div>
296
- <div class="pf-v5-c-toolbar__item">
296
+ <div class="pf-v6-c-toolbar__item">
297
297
  <button
298
- class="pf-v5-c-button pf-m-primary"
298
+ class="pf-v6-c-button pf-m-primary"
299
299
  type="button"
300
300
  >Primary</button>
301
301
  </div>
@@ -304,17 +304,17 @@ wrapperTag: div
304
304
  </div>
305
305
  </div>
306
306
  <table
307
- class="pf-v5-c-table pf-m-grid-md"
307
+ class="pf-v6-c-table pf-m-grid-md"
308
308
  role="grid"
309
309
  aria-label="This is a table with checkboxes"
310
310
  id="page-id-table"
311
311
  >
312
- <thead class="pf-v5-c-table__thead">
313
- <tr class="pf-v5-c-table__tr" role="row">
314
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
315
- <div class="pf-v5-c-check pf-m-standalone">
312
+ <thead class="pf-v6-c-table__thead">
313
+ <tr class="pf-v6-c-table__tr" role="row">
314
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
315
+ <div class="pf-v6-c-check pf-m-standalone">
316
316
  <input
317
- class="pf-v5-c-check__input"
317
+ class="pf-v6-c-check__input"
318
318
  type="checkbox"
319
319
  name="checkrow1"
320
320
  aria-labelledby="page-id-table-node1"
@@ -322,45 +322,45 @@ wrapperTag: div
322
322
  </div>
323
323
  </td>
324
324
  <th
325
- class="pf-v5-c-table__th"
325
+ class="pf-v6-c-table__th"
326
326
  role="columnheader"
327
327
  scope="col"
328
328
  >Repositories</th>
329
329
  <th
330
- class="pf-v5-c-table__th"
330
+ class="pf-v6-c-table__th"
331
331
  role="columnheader"
332
332
  scope="col"
333
333
  >Branches</th>
334
334
  <th
335
- class="pf-v5-c-table__th"
335
+ class="pf-v6-c-table__th"
336
336
  role="columnheader"
337
337
  scope="col"
338
338
  >Pull requests</th>
339
339
  <th
340
- class="pf-v5-c-table__th"
340
+ class="pf-v6-c-table__th"
341
341
  role="columnheader"
342
342
  scope="col"
343
343
  >Workspaces</th>
344
344
  <th
345
- class="pf-v5-c-table__th"
345
+ class="pf-v6-c-table__th"
346
346
  role="columnheader"
347
347
  scope="col"
348
348
  >Last commit</th>
349
- <td class="pf-v5-c-table__td"></td>
350
- <td class="pf-v5-c-table__td"></td>
349
+ <td class="pf-v6-c-table__td"></td>
350
+ <td class="pf-v6-c-table__td"></td>
351
351
  </tr>
352
352
  </thead>
353
353
 
354
- <tbody class="pf-v5-c-table__tbody" role="rowgroup">
354
+ <tbody class="pf-v6-c-table__tbody" role="rowgroup">
355
355
  <tr
356
- class="pf-v5-c-table__tr pf-m-clickable"
356
+ class="pf-v6-c-table__tr pf-m-clickable"
357
357
  role="row"
358
358
  tabindex="0"
359
359
  >
360
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
361
- <div class="pf-v5-c-check pf-m-standalone">
360
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
361
+ <div class="pf-v6-c-check pf-m-standalone">
362
362
  <input
363
- class="pf-v5-c-check__input"
363
+ class="pf-v6-c-check__input"
364
364
  type="checkbox"
365
365
  name="checkrow1"
366
366
  aria-labelledby="page-id-table-node1"
@@ -368,7 +368,7 @@ wrapperTag: div
368
368
  </div>
369
369
  </td>
370
370
  <th
371
- class="pf-v5-c-table__th"
371
+ class="pf-v6-c-table__th"
372
372
  role="columnheader"
373
373
  data-label="Repository name"
374
374
  >
@@ -376,49 +376,49 @@ wrapperTag: div
376
376
  <div id="page-id-table-node1">Node 1</div>
377
377
  </div>
378
378
  </th>
379
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
380
- <div class="pf-v5-l-flex pf-m-space-items-sm">
381
- <div class="pf-v5-l-flex__item">
379
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
380
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
381
+ <div class="pf-v6-l-flex__item">
382
382
  <i class="fas fa-code-branch"></i>
383
383
  </div>
384
- <div class="pf-v5-l-flex__item">10</div>
384
+ <div class="pf-v6-l-flex__item">10</div>
385
385
  </div>
386
386
  </td>
387
387
  <td
388
- class="pf-v5-c-table__td"
388
+ class="pf-v6-c-table__td"
389
389
  role="cell"
390
390
  data-label="Pull requests"
391
391
  >
392
- <div class="pf-v5-l-flex pf-m-space-items-sm">
393
- <div class="pf-v5-l-flex__item">
392
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
393
+ <div class="pf-v6-l-flex__item">
394
394
  <i class="fas fa-code"></i>
395
395
  </div>
396
- <div class="pf-v5-l-flex__item">25</div>
396
+ <div class="pf-v6-l-flex__item">25</div>
397
397
  </div>
398
398
  </td>
399
399
  <td
400
- class="pf-v5-c-table__td"
400
+ class="pf-v6-c-table__td"
401
401
  role="cell"
402
402
  data-label="Workspaces"
403
403
  >
404
- <div class="pf-v5-l-flex pf-m-space-items-sm">
405
- <div class="pf-v5-l-flex__item">
404
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
405
+ <div class="pf-v6-l-flex__item">
406
406
  <i class="fas fa-cube"></i>
407
407
  </div>
408
- <div class="pf-v5-l-flex__item">5</div>
408
+ <div class="pf-v6-l-flex__item">5</div>
409
409
  </div>
410
410
  </td>
411
411
  <td
412
- class="pf-v5-c-table__td"
412
+ class="pf-v6-c-table__td"
413
413
  role="cell"
414
414
  data-label="Last commit"
415
415
  >2 days ago</td>
416
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
416
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
417
417
  <a href="/some/path">Action link</a>
418
418
  </td>
419
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
419
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
420
420
  <button
421
- class="pf-v5-c-button pf-m-plain"
421
+ class="pf-v6-c-button pf-m-plain"
422
422
  type="button"
423
423
  aria-label="Remove"
424
424
  >
@@ -428,14 +428,14 @@ wrapperTag: div
428
428
  </tr>
429
429
 
430
430
  <tr
431
- class="pf-v5-c-table__tr pf-m-clickable pf-m-selected"
431
+ class="pf-v6-c-table__tr pf-m-clickable pf-m-selected"
432
432
  role="row"
433
433
  tabindex="0"
434
434
  >
435
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
436
- <div class="pf-v5-c-check pf-m-standalone">
435
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
436
+ <div class="pf-v6-c-check pf-m-standalone">
437
437
  <input
438
- class="pf-v5-c-check__input"
438
+ class="pf-v6-c-check__input"
439
439
  type="checkbox"
440
440
  name="checkrow2"
441
441
  aria-labelledby="page-id-table-node2"
@@ -444,7 +444,7 @@ wrapperTag: div
444
444
  </div>
445
445
  </td>
446
446
  <th
447
- class="pf-v5-c-table__th"
447
+ class="pf-v6-c-table__th"
448
448
  role="columnheader"
449
449
  data-label="Repository name"
450
450
  >
@@ -452,49 +452,49 @@ wrapperTag: div
452
452
  <div id="page-id-table-node2">Node 2</div>
453
453
  </div>
454
454
  </th>
455
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
456
- <div class="pf-v5-l-flex pf-m-space-items-sm">
457
- <div class="pf-v5-l-flex__item">
455
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
456
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
457
+ <div class="pf-v6-l-flex__item">
458
458
  <i class="fas fa-code-branch"></i>
459
459
  </div>
460
- <div class="pf-v5-l-flex__item">8</div>
460
+ <div class="pf-v6-l-flex__item">8</div>
461
461
  </div>
462
462
  </td>
463
463
  <td
464
- class="pf-v5-c-table__td"
464
+ class="pf-v6-c-table__td"
465
465
  role="cell"
466
466
  data-label="Pull requests"
467
467
  >
468
- <div class="pf-v5-l-flex pf-m-space-items-sm">
469
- <div class="pf-v5-l-flex__item">
468
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
469
+ <div class="pf-v6-l-flex__item">
470
470
  <i class="fas fa-code"></i>
471
471
  </div>
472
- <div class="pf-v5-l-flex__item">30</div>
472
+ <div class="pf-v6-l-flex__item">30</div>
473
473
  </div>
474
474
  </td>
475
475
  <td
476
- class="pf-v5-c-table__td"
476
+ class="pf-v6-c-table__td"
477
477
  role="cell"
478
478
  data-label="Workspaces"
479
479
  >
480
- <div class="pf-v5-l-flex pf-m-space-items-sm">
481
- <div class="pf-v5-l-flex__item">
480
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
481
+ <div class="pf-v6-l-flex__item">
482
482
  <i class="fas fa-cube"></i>
483
483
  </div>
484
- <div class="pf-v5-l-flex__item">2</div>
484
+ <div class="pf-v6-l-flex__item">2</div>
485
485
  </div>
486
486
  </td>
487
487
  <td
488
- class="pf-v5-c-table__td"
488
+ class="pf-v6-c-table__td"
489
489
  role="cell"
490
490
  data-label="Last commit"
491
491
  >2 days ago</td>
492
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
492
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
493
493
  <a href="/some/path">Action link</a>
494
494
  </td>
495
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
495
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
496
496
  <button
497
- class="pf-v5-c-button pf-m-plain"
497
+ class="pf-v6-c-button pf-m-plain"
498
498
  type="button"
499
499
  aria-label="Remove"
500
500
  >
@@ -504,14 +504,14 @@ wrapperTag: div
504
504
  </tr>
505
505
 
506
506
  <tr
507
- class="pf-v5-c-table__tr pf-m-clickable"
507
+ class="pf-v6-c-table__tr pf-m-clickable"
508
508
  role="row"
509
509
  tabindex="0"
510
510
  >
511
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
512
- <div class="pf-v5-c-check pf-m-standalone">
511
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
512
+ <div class="pf-v6-c-check pf-m-standalone">
513
513
  <input
514
- class="pf-v5-c-check__input"
514
+ class="pf-v6-c-check__input"
515
515
  type="checkbox"
516
516
  name="checkrow3"
517
517
  aria-labelledby="page-id-table-node3"
@@ -519,7 +519,7 @@ wrapperTag: div
519
519
  </div>
520
520
  </td>
521
521
  <th
522
- class="pf-v5-c-table__th"
522
+ class="pf-v6-c-table__th"
523
523
  role="columnheader"
524
524
  data-label="Repository name"
525
525
  >
@@ -527,49 +527,49 @@ wrapperTag: div
527
527
  <div id="page-id-table-node3">Node 3</div>
528
528
  </div>
529
529
  </th>
530
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
531
- <div class="pf-v5-l-flex pf-m-space-items-sm">
532
- <div class="pf-v5-l-flex__item">
530
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
531
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
532
+ <div class="pf-v6-l-flex__item">
533
533
  <i class="fas fa-code-branch"></i>
534
534
  </div>
535
- <div class="pf-v5-l-flex__item">12</div>
535
+ <div class="pf-v6-l-flex__item">12</div>
536
536
  </div>
537
537
  </td>
538
538
  <td
539
- class="pf-v5-c-table__td"
539
+ class="pf-v6-c-table__td"
540
540
  role="cell"
541
541
  data-label="Pull requests"
542
542
  >
543
- <div class="pf-v5-l-flex pf-m-space-items-sm">
544
- <div class="pf-v5-l-flex__item">
543
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
544
+ <div class="pf-v6-l-flex__item">
545
545
  <i class="fas fa-code"></i>
546
546
  </div>
547
- <div class="pf-v5-l-flex__item">48</div>
547
+ <div class="pf-v6-l-flex__item">48</div>
548
548
  </div>
549
549
  </td>
550
550
  <td
551
- class="pf-v5-c-table__td"
551
+ class="pf-v6-c-table__td"
552
552
  role="cell"
553
553
  data-label="Workspaces"
554
554
  >
555
- <div class="pf-v5-l-flex pf-m-space-items-sm">
556
- <div class="pf-v5-l-flex__item">
555
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
556
+ <div class="pf-v6-l-flex__item">
557
557
  <i class="fas fa-cube"></i>
558
558
  </div>
559
- <div class="pf-v5-l-flex__item">13</div>
559
+ <div class="pf-v6-l-flex__item">13</div>
560
560
  </div>
561
561
  </td>
562
562
  <td
563
- class="pf-v5-c-table__td"
563
+ class="pf-v6-c-table__td"
564
564
  role="cell"
565
565
  data-label="Last commit"
566
566
  >30 days ago</td>
567
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
567
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
568
568
  <a href="#">Action link</a>
569
569
  </td>
570
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
570
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
571
571
  <button
572
- class="pf-v5-c-button pf-m-plain"
572
+ class="pf-v6-c-button pf-m-plain"
573
573
  type="button"
574
574
  aria-label="Remove"
575
575
  >
@@ -579,14 +579,14 @@ wrapperTag: div
579
579
  </tr>
580
580
 
581
581
  <tr
582
- class="pf-v5-c-table__tr pf-m-clickable"
582
+ class="pf-v6-c-table__tr pf-m-clickable"
583
583
  role="row"
584
584
  tabindex="0"
585
585
  >
586
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
587
- <div class="pf-v5-c-check pf-m-standalone">
586
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
587
+ <div class="pf-v6-c-check pf-m-standalone">
588
588
  <input
589
- class="pf-v5-c-check__input"
589
+ class="pf-v6-c-check__input"
590
590
  type="checkbox"
591
591
  name="checkrow4"
592
592
  aria-labelledby="page-id-table-node4"
@@ -594,7 +594,7 @@ wrapperTag: div
594
594
  </div>
595
595
  </td>
596
596
  <th
597
- class="pf-v5-c-table__th"
597
+ class="pf-v6-c-table__th"
598
598
  role="columnheader"
599
599
  data-label="Repository name"
600
600
  >
@@ -602,49 +602,49 @@ wrapperTag: div
602
602
  <div id="page-id-table-node4">Node 4</div>
603
603
  </div>
604
604
  </th>
605
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
606
- <div class="pf-v5-l-flex pf-m-space-items-sm">
607
- <div class="pf-v5-l-flex__item">
605
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
606
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
607
+ <div class="pf-v6-l-flex__item">
608
608
  <i class="fas fa-code-branch"></i>
609
609
  </div>
610
- <div class="pf-v5-l-flex__item">3</div>
610
+ <div class="pf-v6-l-flex__item">3</div>
611
611
  </div>
612
612
  </td>
613
613
  <td
614
- class="pf-v5-c-table__td"
614
+ class="pf-v6-c-table__td"
615
615
  role="cell"
616
616
  data-label="Pull requests"
617
617
  >
618
- <div class="pf-v5-l-flex pf-m-space-items-sm">
619
- <div class="pf-v5-l-flex__item">
618
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
619
+ <div class="pf-v6-l-flex__item">
620
620
  <i class="fas fa-code"></i>
621
621
  </div>
622
- <div class="pf-v5-l-flex__item">8</div>
622
+ <div class="pf-v6-l-flex__item">8</div>
623
623
  </div>
624
624
  </td>
625
625
  <td
626
- class="pf-v5-c-table__td"
626
+ class="pf-v6-c-table__td"
627
627
  role="cell"
628
628
  data-label="Workspaces"
629
629
  >
630
- <div class="pf-v5-l-flex pf-m-space-items-sm">
631
- <div class="pf-v5-l-flex__item">
630
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
631
+ <div class="pf-v6-l-flex__item">
632
632
  <i class="fas fa-cube"></i>
633
633
  </div>
634
- <div class="pf-v5-l-flex__item">20</div>
634
+ <div class="pf-v6-l-flex__item">20</div>
635
635
  </div>
636
636
  </td>
637
637
  <td
638
- class="pf-v5-c-table__td"
638
+ class="pf-v6-c-table__td"
639
639
  role="cell"
640
640
  data-label="Last commit"
641
641
  >8 days ago</td>
642
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
642
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
643
643
  <a href="/some/path">Action link</a>
644
644
  </td>
645
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
645
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
646
646
  <button
647
- class="pf-v5-c-button pf-m-plain"
647
+ class="pf-v6-c-button pf-m-plain"
648
648
  type="button"
649
649
  aria-label="Remove"
650
650
  >
@@ -654,14 +654,14 @@ wrapperTag: div
654
654
  </tr>
655
655
 
656
656
  <tr
657
- class="pf-v5-c-table__tr pf-m-clickable"
657
+ class="pf-v6-c-table__tr pf-m-clickable"
658
658
  role="row"
659
659
  tabindex="0"
660
660
  >
661
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
662
- <div class="pf-v5-c-check pf-m-standalone">
661
+ <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
662
+ <div class="pf-v6-c-check pf-m-standalone">
663
663
  <input
664
- class="pf-v5-c-check__input"
664
+ class="pf-v6-c-check__input"
665
665
  type="checkbox"
666
666
  name="checkrow5"
667
667
  aria-labelledby="page-id-table-node5"
@@ -669,7 +669,7 @@ wrapperTag: div
669
669
  </div>
670
670
  </td>
671
671
  <td
672
- class="pf-v5-c-table__td"
672
+ class="pf-v6-c-table__td"
673
673
  role="cell"
674
674
  data-label="Repository name"
675
675
  >
@@ -677,49 +677,49 @@ wrapperTag: div
677
677
  <div id="page-id-table-node5">Node 5</div>
678
678
  </div>
679
679
  </td>
680
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
681
- <div class="pf-v5-l-flex pf-m-space-items-sm">
682
- <div class="pf-v5-l-flex__item">
680
+ <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
681
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
682
+ <div class="pf-v6-l-flex__item">
683
683
  <i class="fas fa-code-branch"></i>
684
684
  </div>
685
- <div class="pf-v5-l-flex__item">34</div>
685
+ <div class="pf-v6-l-flex__item">34</div>
686
686
  </div>
687
687
  </td>
688
688
  <td
689
- class="pf-v5-c-table__td"
689
+ class="pf-v6-c-table__td"
690
690
  role="cell"
691
691
  data-label="Pull requests"
692
692
  >
693
- <div class="pf-v5-l-flex pf-m-space-items-sm">
694
- <div class="pf-v5-l-flex__item">
693
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
694
+ <div class="pf-v6-l-flex__item">
695
695
  <i class="fas fa-code"></i>
696
696
  </div>
697
- <div class="pf-v5-l-flex__item">21</div>
697
+ <div class="pf-v6-l-flex__item">21</div>
698
698
  </div>
699
699
  </td>
700
700
  <td
701
- class="pf-v5-c-table__td"
701
+ class="pf-v6-c-table__td"
702
702
  role="cell"
703
703
  data-label="Workspaces"
704
704
  >
705
- <div class="pf-v5-l-flex pf-m-space-items-sm">
706
- <div class="pf-v5-l-flex__item">
705
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
706
+ <div class="pf-v6-l-flex__item">
707
707
  <i class="fas fa-cube"></i>
708
708
  </div>
709
- <div class="pf-v5-l-flex__item">26</div>
709
+ <div class="pf-v6-l-flex__item">26</div>
710
710
  </div>
711
711
  </td>
712
712
  <td
713
- class="pf-v5-c-table__td"
713
+ class="pf-v6-c-table__td"
714
714
  role="cell"
715
715
  data-label="Last commit"
716
716
  >2 days ago</td>
717
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
717
+ <td class="pf-v6-c-table__td" role="cell" data-label="Action">
718
718
  <a href="/some/path">Action link</a>
719
719
  </td>
720
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
720
+ <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
721
721
  <button
722
- class="pf-v5-c-button pf-m-plain"
722
+ class="pf-v6-c-button pf-m-plain"
723
723
  type="button"
724
724
  aria-label="Remove"
725
725
  >