@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/CardView/examples/CardView.md CHANGED
@@ -6,25 +6,25 @@ section: patterns
6
6
  ### Card view
7
7
 
8
8
  ```html isFullscreen
9
- <div class="pf-v5-c-page" id="card-view-basic-example">
10
- <div class="pf-v5-c-skip-to-content">
9
+ <div class="pf-v6-c-page" id="card-view-basic-example">
10
+ <div class="pf-v6-c-skip-to-content">
11
11
  <a
12
- class="pf-v5-c-button pf-m-primary"
12
+ class="pf-v6-c-button pf-m-primary"
13
13
  href="#main-content-card-view-basic-example"
14
14
  >Skip to content</a>
15
15
  </div>
16
- <header class="pf-v5-c-masthead" id="card-view-basic-example-masthead">
17
- <span class="pf-v5-c-masthead__toggle">
16
+ <header class="pf-v6-c-masthead" id="card-view-basic-example-masthead">
17
+ <span class="pf-v6-c-masthead__toggle">
18
18
  <button
19
- class="pf-v5-c-button pf-m-plain"
19
+ class="pf-v6-c-button pf-m-plain"
20
20
  type="button"
21
21
  aria-label="Global navigation"
22
22
  >
23
23
  <i class="fas fa-bars" aria-hidden="true"></i>
24
24
  </button>
25
25
  </span>
26
- <div class="pf-v5-c-masthead__main">
27
- <a class="pf-v5-c-masthead__brand" href="#">
26
+ <div class="pf-v6-c-masthead__main">
27
+ <a class="pf-v6-c-masthead__brand" href="#">
28
28
  <svg height="40px" viewBox="0 0 679 158">
29
29
  <title>PF-HorizontalLogo-Color</title>
30
30
  <defs>
@@ -97,37 +97,37 @@ section: patterns
97
97
  </svg>
98
98
  </a>
99
99
  </div>
100
- <div class="pf-v5-c-masthead__content">
100
+ <div class="pf-v6-c-masthead__content">
101
101
  <div
102
- class="pf-v5-c-toolbar pf-m-static"
102
+ class="pf-v6-c-toolbar pf-m-static"
103
103
  id="card-view-basic-example-masthead-toolbar"
104
104
  >
105
- <div class="pf-v5-c-toolbar__content">
106
- <div class="pf-v5-c-toolbar__content-section">
107
- <div class="pf-v5-c-toolbar__item">
105
+ <div class="pf-v6-c-toolbar__content">
106
+ <div class="pf-v6-c-toolbar__content-section">
107
+ <div class="pf-v6-c-toolbar__item">
108
108
  <button
109
- class="pf-v5-c-menu-toggle"
109
+ class="pf-v6-c-menu-toggle"
110
110
  type="button"
111
111
  aria-expanded="false"
112
112
  >
113
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
114
- <span class="pf-v5-c-menu-toggle__controls">
115
- <span class="pf-v5-c-menu-toggle__toggle-icon">
113
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
114
+ <span class="pf-v6-c-menu-toggle__controls">
115
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
116
116
  <i class="fas fa-caret-down" aria-hidden="true"></i>
117
117
  </span>
118
118
  </span>
119
119
  </button>
120
120
  </div>
121
121
 
122
- <div class="pf-v5-c-toolbar__item">
122
+ <div class="pf-v6-c-toolbar__item">
123
123
  <button
124
- class="pf-v5-c-menu-toggle"
124
+ class="pf-v6-c-menu-toggle"
125
125
  type="button"
126
126
  aria-expanded="false"
127
127
  >
128
- <span class="pf-v5-c-menu-toggle__text">Services</span>
129
- <span class="pf-v5-c-menu-toggle__controls">
130
- <span class="pf-v5-c-menu-toggle__toggle-icon">
128
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
129
+ <span class="pf-v6-c-menu-toggle__controls">
130
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
131
131
  <i class="fas fa-caret-down" aria-hidden="true"></i>
132
132
  </span>
133
133
  </span>
@@ -135,56 +135,56 @@ section: patterns
135
135
  </div>
136
136
 
137
137
  <div
138
- 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"
138
+ 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"
139
139
  >
140
140
  <div
141
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
141
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
142
142
  >
143
- <div class="pf-v5-c-toolbar__item">
143
+ <div class="pf-v6-c-toolbar__item">
144
144
  <button
145
- class="pf-v5-c-menu-toggle pf-m-plain"
145
+ class="pf-v6-c-menu-toggle pf-m-plain"
146
146
  type="button"
147
147
  aria-expanded="false"
148
148
  aria-label="Application launcher"
149
149
  >
150
- <span class="pf-v5-c-menu-toggle__icon">
150
+ <span class="pf-v6-c-menu-toggle__icon">
151
151
  <i class="fas fa-th" aria-hidden="true"></i>
152
152
  </span>
153
153
  </button>
154
154
  </div>
155
- <div class="pf-v5-c-toolbar__item">
155
+ <div class="pf-v6-c-toolbar__item">
156
156
  <button
157
- class="pf-v5-c-menu-toggle pf-m-plain"
157
+ class="pf-v6-c-menu-toggle pf-m-plain"
158
158
  type="button"
159
159
  aria-expanded="false"
160
160
  aria-label="Settings"
161
161
  >
162
- <span class="pf-v5-c-menu-toggle__icon">
162
+ <span class="pf-v6-c-menu-toggle__icon">
163
163
  <i class="fas fa-cog" aria-hidden="true"></i>
164
164
  </span>
165
165
  </button>
166
166
  </div>
167
- <div class="pf-v5-c-toolbar__item">
167
+ <div class="pf-v6-c-toolbar__item">
168
168
  <button
169
- class="pf-v5-c-menu-toggle pf-m-plain"
169
+ class="pf-v6-c-menu-toggle pf-m-plain"
170
170
  type="button"
171
171
  aria-expanded="false"
172
172
  aria-label="Help"
173
173
  >
174
- <span class="pf-v5-c-menu-toggle__icon">
174
+ <span class="pf-v6-c-menu-toggle__icon">
175
175
  <i class="fas fa-question-circle" aria-hidden="true"></i>
176
176
  </span>
177
177
  </button>
178
178
  </div>
179
179
  </div>
180
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
180
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
181
181
  <button
182
- class="pf-v5-c-menu-toggle pf-m-plain"
182
+ class="pf-v6-c-menu-toggle pf-m-plain"
183
183
  type="button"
184
184
  aria-expanded="false"
185
185
  aria-label="Actions"
186
186
  >
187
- <span class="pf-v5-c-menu-toggle__icon">
187
+ <span class="pf-v6-c-menu-toggle__icon">
188
188
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
189
189
  </span>
190
190
  </button>
@@ -195,109 +195,109 @@ section: patterns
195
195
  </div>
196
196
  </div>
197
197
  </header>
198
- <div class="pf-v5-c-page__sidebar">
199
- <div class="pf-v5-c-page__sidebar-body">
198
+ <div class="pf-v6-c-page__sidebar">
199
+ <div class="pf-v6-c-page__sidebar-body">
200
200
  <nav
201
- class="pf-v5-c-nav"
201
+ class="pf-v6-c-nav"
202
202
  id="card-view-basic-example-expandable-nav"
203
203
  aria-label="Global"
204
204
  >
205
- <ul class="pf-v5-c-nav__list" role="list">
206
- <li class="pf-v5-c-nav__item pf-m-expandable pf-m-expanded">
205
+ <ul class="pf-v6-c-nav__list" role="list">
206
+ <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
207
207
  <button
208
- class="pf-v5-c-nav__link"
208
+ class="pf-v6-c-nav__link"
209
209
  aria-expanded="true"
210
210
  id="card-view-basic-example-expandable-nav-link1"
211
211
  >
212
212
  System panel
213
- <span class="pf-v5-c-nav__toggle">
214
- <span class="pf-v5-c-nav__toggle-icon">
213
+ <span class="pf-v6-c-nav__toggle">
214
+ <span class="pf-v6-c-nav__toggle-icon">
215
215
  <i class="fas fa-angle-right" aria-hidden="true"></i>
216
216
  </span>
217
217
  </span>
218
218
  </button>
219
219
  <section
220
- class="pf-v5-c-nav__subnav"
220
+ class="pf-v6-c-nav__subnav"
221
221
  aria-labelledby="card-view-basic-example-expandable-nav-link1"
222
222
  >
223
- <ul class="pf-v5-c-nav__list" role="list">
224
- <li class="pf-v5-c-nav__item">
225
- <a href="#" class="pf-v5-c-nav__link">Overview</a>
223
+ <ul class="pf-v6-c-nav__list" role="list">
224
+ <li class="pf-v6-c-nav__item">
225
+ <a href="#" class="pf-v6-c-nav__link">Overview</a>
226
226
  </li>
227
- <li class="pf-v5-c-nav__item">
227
+ <li class="pf-v6-c-nav__item">
228
228
  <a
229
229
  href="#"
230
- class="pf-v5-c-nav__link pf-m-current"
230
+ class="pf-v6-c-nav__link pf-m-current"
231
231
  aria-current="page"
232
232
  >Resource usage</a>
233
233
  </li>
234
- <li class="pf-v5-c-nav__item">
235
- <a href="#" class="pf-v5-c-nav__link">Hypervisors</a>
234
+ <li class="pf-v6-c-nav__item">
235
+ <a href="#" class="pf-v6-c-nav__link">Hypervisors</a>
236
236
  </li>
237
- <li class="pf-v5-c-nav__item">
238
- <a href="#" class="pf-v5-c-nav__link">Instances</a>
237
+ <li class="pf-v6-c-nav__item">
238
+ <a href="#" class="pf-v6-c-nav__link">Instances</a>
239
239
  </li>
240
- <li class="pf-v5-c-nav__item">
241
- <a href="#" class="pf-v5-c-nav__link">Volumes</a>
240
+ <li class="pf-v6-c-nav__item">
241
+ <a href="#" class="pf-v6-c-nav__link">Volumes</a>
242
242
  </li>
243
- <li class="pf-v5-c-nav__item">
244
- <a href="#" class="pf-v5-c-nav__link">Networks</a>
243
+ <li class="pf-v6-c-nav__item">
244
+ <a href="#" class="pf-v6-c-nav__link">Networks</a>
245
245
  </li>
246
246
  </ul>
247
247
  </section>
248
248
  </li>
249
- <li class="pf-v5-c-nav__item pf-m-expandable">
249
+ <li class="pf-v6-c-nav__item pf-m-expandable">
250
250
  <button
251
- class="pf-v5-c-nav__link"
251
+ class="pf-v6-c-nav__link"
252
252
  aria-expanded="false"
253
253
  id="card-view-basic-example-expandable-nav-link2"
254
254
  >
255
255
  Policy
256
- <span class="pf-v5-c-nav__toggle">
257
- <span class="pf-v5-c-nav__toggle-icon">
256
+ <span class="pf-v6-c-nav__toggle">
257
+ <span class="pf-v6-c-nav__toggle-icon">
258
258
  <i class="fas fa-angle-right" aria-hidden="true"></i>
259
259
  </span>
260
260
  </span>
261
261
  </button>
262
262
  <section
263
- class="pf-v5-c-nav__subnav"
263
+ class="pf-v6-c-nav__subnav"
264
264
  aria-labelledby="card-view-basic-example-expandable-nav-link2"
265
265
  hidden
266
266
  >
267
- <ul class="pf-v5-c-nav__list" role="list">
268
- <li class="pf-v5-c-nav__item">
269
- <a href="#" class="pf-v5-c-nav__link">Subnav link 1</a>
267
+ <ul class="pf-v6-c-nav__list" role="list">
268
+ <li class="pf-v6-c-nav__item">
269
+ <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
270
270
  </li>
271
- <li class="pf-v5-c-nav__item">
272
- <a href="#" class="pf-v5-c-nav__link">Subnav link 2</a>
271
+ <li class="pf-v6-c-nav__item">
272
+ <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
273
273
  </li>
274
274
  </ul>
275
275
  </section>
276
276
  </li>
277
- <li class="pf-v5-c-nav__item pf-m-expandable">
277
+ <li class="pf-v6-c-nav__item pf-m-expandable">
278
278
  <button
279
- class="pf-v5-c-nav__link"
279
+ class="pf-v6-c-nav__link"
280
280
  aria-expanded="false"
281
281
  id="card-view-basic-example-expandable-nav-link3"
282
282
  >
283
283
  Authentication
284
- <span class="pf-v5-c-nav__toggle">
285
- <span class="pf-v5-c-nav__toggle-icon">
284
+ <span class="pf-v6-c-nav__toggle">
285
+ <span class="pf-v6-c-nav__toggle-icon">
286
286
  <i class="fas fa-angle-right" aria-hidden="true"></i>
287
287
  </span>
288
288
  </span>
289
289
  </button>
290
290
  <section
291
- class="pf-v5-c-nav__subnav"
291
+ class="pf-v6-c-nav__subnav"
292
292
  aria-labelledby="card-view-basic-example-expandable-nav-link3"
293
293
  hidden
294
294
  >
295
- <ul class="pf-v5-c-nav__list" role="list">
296
- <li class="pf-v5-c-nav__item">
297
- <a href="#" class="pf-v5-c-nav__link">Subnav link 1</a>
295
+ <ul class="pf-v6-c-nav__list" role="list">
296
+ <li class="pf-v6-c-nav__item">
297
+ <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
298
298
  </li>
299
- <li class="pf-v5-c-nav__item">
300
- <a href="#" class="pf-v5-c-nav__link">Subnav link 2</a>
299
+ <li class="pf-v6-c-nav__item">
300
+ <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
301
301
  </li>
302
302
  </ul>
303
303
  </section>
@@ -307,39 +307,39 @@ section: patterns
307
307
  </div>
308
308
  </div>
309
309
  <main
310
- class="pf-v5-c-page__main"
310
+ class="pf-v6-c-page__main"
311
311
  tabindex="-1"
312
312
  id="main-content-card-view-basic-example"
313
313
  >
314
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
315
- <div class="pf-v5-c-page__main-body">
316
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
317
- <ol class="pf-v5-c-breadcrumb__list" role="list">
318
- <li class="pf-v5-c-breadcrumb__item">
319
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
314
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
315
+ <div class="pf-v6-c-page__main-body">
316
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
317
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
318
+ <li class="pf-v6-c-breadcrumb__item">
319
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
320
320
  </li>
321
- <li class="pf-v5-c-breadcrumb__item">
322
- <span class="pf-v5-c-breadcrumb__item-divider">
321
+ <li class="pf-v6-c-breadcrumb__item">
322
+ <span class="pf-v6-c-breadcrumb__item-divider">
323
323
  <i class="fas fa-angle-right" aria-hidden="true"></i>
324
324
  </span>
325
325
 
326
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
326
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
327
327
  </li>
328
- <li class="pf-v5-c-breadcrumb__item">
329
- <span class="pf-v5-c-breadcrumb__item-divider">
328
+ <li class="pf-v6-c-breadcrumb__item">
329
+ <span class="pf-v6-c-breadcrumb__item-divider">
330
330
  <i class="fas fa-angle-right" aria-hidden="true"></i>
331
331
  </span>
332
332
 
333
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
333
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
334
334
  </li>
335
- <li class="pf-v5-c-breadcrumb__item">
336
- <span class="pf-v5-c-breadcrumb__item-divider">
335
+ <li class="pf-v6-c-breadcrumb__item">
336
+ <span class="pf-v6-c-breadcrumb__item-divider">
337
337
  <i class="fas fa-angle-right" aria-hidden="true"></i>
338
338
  </span>
339
339
 
340
340
  <a
341
341
  href="#"
342
- class="pf-v5-c-breadcrumb__link pf-m-current"
342
+ class="pf-v6-c-breadcrumb__link pf-m-current"
343
343
  aria-current="page"
344
344
  >Section landing</a>
345
345
  </li>
@@ -347,49 +347,49 @@ section: patterns
347
347
  </nav>
348
348
  </div>
349
349
  </section>
350
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
351
- <div class="pf-v5-c-page__main-body">
352
- <div class="pf-v5-c-content">
350
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
351
+ <div class="pf-v6-c-page__main-body">
352
+ <div class="pf-v6-c-content">
353
353
  <h1>Main title</h1>
354
354
  <p>This is a full page demo.</p>
355
355
  </div>
356
356
  </div>
357
357
  </section>
358
- <section class="pf-v5-c-page__main-section pf-m-light pf-m-no-padding">
358
+ <section class="pf-v6-c-page__main-section pf-m-light pf-m-no-padding">
359
359
  <div
360
- class="pf-v5-c-toolbar pf-m-page-insets"
360
+ class="pf-v6-c-toolbar pf-m-page-insets"
361
361
  id="card-view-basic-example-toolbar"
362
362
  >
363
- <div class="pf-v5-c-toolbar__content">
364
- <div class="pf-v5-c-toolbar__content-section pf-m-nowrap">
363
+ <div class="pf-v6-c-toolbar__content">
364
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
365
365
  <div
366
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
366
+ class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
367
367
  >
368
- <div class="pf-v5-c-toolbar__toggle pf-m-show">
368
+ <div class="pf-v6-c-toolbar__toggle pf-m-show">
369
369
  <button
370
- class="pf-v5-c-menu-toggle pf-m-plain"
370
+ class="pf-v6-c-menu-toggle pf-m-plain"
371
371
  type="button"
372
372
  aria-expanded="false"
373
373
  aria-label="Show filters"
374
374
  aria-controls="card-view-basic-example-toolbar-expandable-content"
375
375
  >
376
- <span class="pf-v5-c-menu-toggle__icon">
376
+ <span class="pf-v6-c-menu-toggle__icon">
377
377
  <i class="fas fa-filter" aria-hidden="true"></i>
378
378
  </span>
379
379
  </button>
380
380
  </div>
381
- <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
381
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
382
382
  <div
383
- class="pf-v5-c-menu-toggle pf-m-split-button"
383
+ class="pf-v6-c-menu-toggle pf-m-split-button"
384
384
  id="card-view-basic-example-toolbar-check"
385
385
  >
386
386
  <label
387
- class="pf-v5-c-check pf-m-standalone"
387
+ class="pf-v6-c-check pf-m-standalone"
388
388
  id="card-view-basic-example-toolbar-check-check"
389
389
  for="card-view-basic-example-toolbar-check-check-input"
390
390
  >
391
391
  <input
392
- class="pf-v5-c-check__input"
392
+ class="pf-v6-c-check__input"
393
393
  type="checkbox"
394
394
  id="card-view-basic-example-toolbar-check-check-input"
395
395
  name="card-view-basic-example-toolbar-check-check-input"
@@ -397,14 +397,14 @@ section: patterns
397
397
  />
398
398
  </label>
399
399
  <button
400
- class="pf-v5-c-menu-toggle__button"
400
+ class="pf-v6-c-menu-toggle__button"
401
401
  type="button"
402
402
  aria-expanded="false"
403
403
  id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
404
404
  aria-label="Menu toggle"
405
405
  >
406
- <span class="pf-v5-c-menu-toggle__controls">
407
- <span class="pf-v5-c-menu-toggle__toggle-icon">
406
+ <span class="pf-v6-c-menu-toggle__controls">
407
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
408
408
  <i class="fas fa-caret-down" aria-hidden="true"></i>
409
409
  </span>
410
410
  </span>
@@ -412,108 +412,108 @@ section: patterns
412
412
  </div>
413
413
  </div>
414
414
 
415
- <div class="pf-v5-c-toolbar__item">
416
- <div class="pf-v5-c-select">
415
+ <div class="pf-v6-c-toolbar__item">
416
+ <div class="pf-v6-c-select">
417
417
  <span
418
418
  id="card-view-basic-example-toolbar-select-checkbox-status-label"
419
419
  hidden
420
420
  >Choose many</span>
421
421
 
422
422
  <button
423
- class="pf-v5-c-select__toggle"
423
+ class="pf-v6-c-select__toggle"
424
424
  type="button"
425
425
  id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
426
426
  aria-haspopup="true"
427
427
  aria-expanded="false"
428
428
  aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
429
429
  >
430
- <div class="pf-v5-c-select__toggle-wrapper">
431
- <span class="pf-v5-c-select__toggle-text">Status</span>
430
+ <div class="pf-v6-c-select__toggle-wrapper">
431
+ <span class="pf-v6-c-select__toggle-text">Status</span>
432
432
  </div>
433
- <span class="pf-v5-c-select__toggle-arrow">
433
+ <span class="pf-v6-c-select__toggle-arrow">
434
434
  <i class="fas fa-caret-down" aria-hidden="true"></i>
435
435
  </span>
436
436
  </button>
437
437
 
438
- <div class="pf-v5-c-select__menu" hidden>
438
+ <div class="pf-v6-c-select__menu" hidden>
439
439
  <fieldset
440
- class="pf-v5-c-select__menu-fieldset"
440
+ class="pf-v6-c-select__menu-fieldset"
441
441
  aria-label="Select input"
442
442
  >
443
443
  <label
444
- class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
444
+ class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
445
445
  id="card-view-basic-example-toolbar-select-checkbox-status-active"
446
446
  for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
447
447
  >
448
448
  <input
449
- class="pf-v5-c-check__input"
449
+ class="pf-v6-c-check__input"
450
450
  type="checkbox"
451
451
  aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
452
452
  id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
453
453
  name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
454
454
  />
455
- <span class="pf-v5-c-check__label">Active</span>
455
+ <span class="pf-v6-c-check__label">Active</span>
456
456
  <span
457
- class="pf-v5-c-check__description"
457
+ class="pf-v6-c-check__description"
458
458
  id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
459
459
  >This is a description</span>
460
460
  </label>
461
461
  <label
462
- class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
462
+ class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
463
463
  id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
464
464
  for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
465
465
  >
466
466
  <input
467
- class="pf-v5-c-check__input"
467
+ class="pf-v6-c-check__input"
468
468
  type="checkbox"
469
469
  aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
470
470
  id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
471
471
  name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
472
472
  />
473
- <span class="pf-v5-c-check__label">Canceled</span>
473
+ <span class="pf-v6-c-check__label">Canceled</span>
474
474
  <span
475
- class="pf-v5-c-check__description"
475
+ class="pf-v6-c-check__description"
476
476
  id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
477
477
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
478
478
  </label>
479
479
  <label
480
- class="pf-v5-c-check pf-v5-c-select__menu-item"
480
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
481
481
  id="card-view-basic-example-toolbar-select-checkbox-status-paused"
482
482
  for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
483
483
  >
484
484
  <input
485
- class="pf-v5-c-check__input"
485
+ class="pf-v6-c-check__input"
486
486
  type="checkbox"
487
487
  id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
488
488
  name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
489
489
  />
490
- <span class="pf-v5-c-check__label">Paused</span>
490
+ <span class="pf-v6-c-check__label">Paused</span>
491
491
  </label>
492
492
  <label
493
- class="pf-v5-c-check pf-v5-c-select__menu-item"
493
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
494
494
  id="card-view-basic-example-toolbar-select-checkbox-status-warning"
495
495
  for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
496
496
  >
497
497
  <input
498
- class="pf-v5-c-check__input"
498
+ class="pf-v6-c-check__input"
499
499
  type="checkbox"
500
500
  id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
501
501
  name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
502
502
  />
503
- <span class="pf-v5-c-check__label">Warning</span>
503
+ <span class="pf-v6-c-check__label">Warning</span>
504
504
  </label>
505
505
  <label
506
- class="pf-v5-c-check pf-v5-c-select__menu-item"
506
+ class="pf-v6-c-check pf-v5-c-select__menu-item"
507
507
  id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
508
508
  for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
509
509
  >
510
510
  <input
511
- class="pf-v5-c-check__input"
511
+ class="pf-v6-c-check__input"
512
512
  type="checkbox"
513
513
  id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
514
514
  name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
515
515
  />
516
- <span class="pf-v5-c-check__label">Restarted</span>
516
+ <span class="pf-v6-c-check__label">Restarted</span>
517
517
  </label>
518
518
  </fieldset>
519
519
  </div>
@@ -522,25 +522,25 @@ section: patterns
522
522
  </div>
523
523
 
524
524
  <div
525
- class="pf-v5-c-overflow-menu"
525
+ class="pf-v6-c-overflow-menu"
526
526
  id="card-view-basic-example-toolbar-overflow-menu"
527
527
  >
528
528
  <div
529
- class="pf-v5-c-overflow-menu__content pf-v5-u-display-none pf-v5-u-display-flex-on-lg"
529
+ class="pf-v6-c-overflow-menu__content pf-v5-u-display-none pf-v5-u-display-flex-on-lg"
530
530
  >
531
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
532
- <div class="pf-v5-c-overflow-menu__item">
531
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
532
+ <div class="pf-v6-c-overflow-menu__item">
533
533
  <button
534
- class="pf-v5-c-button pf-m-primary"
534
+ class="pf-v6-c-button pf-m-primary"
535
535
  type="button"
536
536
  >Create instance</button>
537
537
  </div>
538
538
  </div>
539
539
  </div>
540
- <div class="pf-v5-c-overflow-menu__control">
541
- <div class="pf-v5-c-dropdown">
540
+ <div class="pf-v6-c-overflow-menu__control">
541
+ <div class="pf-v6-c-dropdown">
542
542
  <button
543
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
543
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
544
544
  type="button"
545
545
  id="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
546
546
  aria-label="Dropdown with additional options"
@@ -549,7 +549,7 @@ section: patterns
549
549
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
550
550
  </button>
551
551
  <ul
552
- class="pf-v5-c-dropdown__menu"
552
+ class="pf-v6-c-dropdown__menu"
553
553
  role="menu"
554
554
  aria-labelledby="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
555
555
  hidden
@@ -557,7 +557,7 @@ section: patterns
557
557
  <li role="none">
558
558
  <button
559
559
  role="menuitem"
560
- class="pf-v5-c-dropdown__menu-item"
560
+ class="pf-v6-c-dropdown__menu-item"
561
561
  >Action 7</button>
562
562
  </li>
563
563
  </ul>
@@ -565,53 +565,53 @@ section: patterns
565
565
  </div>
566
566
  </div>
567
567
 
568
- <div class="pf-v5-c-toolbar__item pf-m-pagination">
569
- <div class="pf-v5-c-pagination pf-m-compact">
570
- <div class="pf-v5-c-pagination__page-menu">
571
- <div class="pf-v5-c-options-menu">
568
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
569
+ <div class="pf-v6-c-pagination pf-m-compact">
570
+ <div class="pf-v6-c-pagination__page-menu">
571
+ <div class="pf-v6-c-options-menu">
572
572
  <button
573
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
573
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
574
574
  type="button"
575
575
  id="card-view-basic-example-toolbar-top-pagination-toggle"
576
576
  aria-haspopup="listbox"
577
577
  aria-expanded="false"
578
578
  >
579
- <span class="pf-v5-c-options-menu__toggle-text">
579
+ <span class="pf-v6-c-options-menu__toggle-text">
580
580
  <b>1 - 10</b>&nbsp;of&nbsp;
581
581
  <b>36</b>
582
582
  </span>
583
- <div class="pf-v5-c-options-menu__toggle-icon">
583
+ <div class="pf-v6-c-options-menu__toggle-icon">
584
584
  <i class="fas fa-caret-down" aria-hidden="true"></i>
585
585
  </div>
586
586
  </button>
587
587
  <ul
588
- class="pf-v5-c-options-menu__menu"
588
+ class="pf-v6-c-options-menu__menu"
589
589
  role="menu"
590
590
  aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
591
591
  hidden
592
592
  >
593
593
  <li role="none">
594
594
  <button
595
- class="pf-v5-c-options-menu__menu-item"
595
+ class="pf-v6-c-options-menu__menu-item"
596
596
  type="button"
597
597
  role="menuitem"
598
598
  >5 per page</button>
599
599
  </li>
600
600
  <li role="none">
601
601
  <button
602
- class="pf-v5-c-options-menu__menu-item"
602
+ class="pf-v6-c-options-menu__menu-item"
603
603
  type="button"
604
604
  role="menuitem"
605
605
  >
606
606
  10 per page
607
- <div class="pf-v5-c-options-menu__menu-item-icon">
607
+ <div class="pf-v6-c-options-menu__menu-item-icon">
608
608
  <i class="fas fa-check" aria-hidden="true"></i>
609
609
  </div>
610
610
  </button>
611
611
  </li>
612
612
  <li role="none">
613
613
  <button
614
- class="pf-v5-c-options-menu__menu-item"
614
+ class="pf-v6-c-options-menu__menu-item"
615
615
  type="button"
616
616
  role="menuitem"
617
617
  >20 per page</button>
@@ -620,12 +620,12 @@ section: patterns
620
620
  </div>
621
621
  </div>
622
622
  <nav
623
- class="pf-v5-c-pagination__nav"
623
+ class="pf-v6-c-pagination__nav"
624
624
  aria-label="Toolbar top pagination"
625
625
  >
626
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
626
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
627
627
  <button
628
- class="pf-v5-c-button pf-m-plain"
628
+ class="pf-v6-c-button pf-m-plain"
629
629
  type="button"
630
630
  disabled
631
631
  aria-label="Go to previous page"
@@ -633,9 +633,9 @@ section: patterns
633
633
  <i class="fas fa-angle-left" aria-hidden="true"></i>
634
634
  </button>
635
635
  </div>
636
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
636
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
637
637
  <button
638
- class="pf-v5-c-button pf-m-plain"
638
+ class="pf-v6-c-button pf-m-plain"
639
639
  type="button"
640
640
  aria-label="Go to next page"
641
641
  >
@@ -648,43 +648,43 @@ section: patterns
648
648
  </div>
649
649
 
650
650
  <div
651
- class="pf-v5-c-toolbar__expandable-content pf-m-hidden"
651
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
652
652
  id="card-view-basic-example-toolbar-expandable-content"
653
653
  hidden
654
654
  ></div>
655
655
  </div>
656
656
  </div>
657
657
  </section>
658
- <section class="pf-v5-c-page__main-section pf-m-fill">
659
- <div class="pf-v5-l-gallery pf-m-gutter">
658
+ <section class="pf-v6-c-page__main-section pf-m-fill">
659
+ <div class="pf-v6-l-gallery pf-m-gutter">
660
660
  <div
661
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
661
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
662
662
  id="card-view-basic-example-gallery-card-empty-state"
663
663
  >
664
- <div class="pf-v5-l-bullseye">
665
- <div class="pf-v5-c-empty-state pf-m-xs">
666
- <div class="pf-v5-c-empty-state__content">
667
- <i class="fas fa-plus-circle pf-v5-c-empty-state__icon"></i>
668
- <div class="pf-v5-c-card__title">
664
+ <div class="pf-v6-l-bullseye">
665
+ <div class="pf-v6-c-empty-state pf-m-xs">
666
+ <div class="pf-v6-c-empty-state__content">
667
+ <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
668
+ <div class="pf-v6-c-card__title">
669
669
  <h2
670
- class="pf-v5-c-card__title-text pf-m-md"
670
+ class="pf-v6-c-card__title-text pf-m-md"
671
671
  >Add a new card to your page</h2>
672
672
  </div>
673
- <button class="pf-v5-c-button pf-m-link" type="button">Add card</button>
673
+ <button class="pf-v6-c-button pf-m-link" type="button">Add card</button>
674
674
  </div>
675
675
  </div>
676
676
  </div>
677
677
  </div>
678
678
  <div
679
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
679
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
680
680
  id="card-view-basic-example-gallery-card-1"
681
681
  >
682
- <div class="pf-v5-c-card__header">
682
+ <div class="pf-v6-c-card__header">
683
683
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
684
- <div class="pf-v5-c-card__actions">
685
- <div class="pf-v5-c-dropdown">
684
+ <div class="pf-v6-c-card__actions">
685
+ <div class="pf-v6-c-dropdown">
686
686
  <button
687
- class="pf-v5-c-dropdown__toggle pf-m-plain"
687
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
688
688
  id="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
689
689
  aria-expanded="false"
690
690
  type="button"
@@ -693,28 +693,28 @@ section: patterns
693
693
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
694
694
  </button>
695
695
  <ul
696
- class="pf-v5-c-dropdown__menu pf-m-align-right"
696
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
697
697
  aria-labelledby="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
698
698
  hidden
699
699
  role="menu"
700
700
  >
701
701
  <li role="none">
702
702
  <a
703
- class="pf-v5-c-dropdown__menu-item"
703
+ class="pf-v6-c-dropdown__menu-item"
704
704
  role="menuitem"
705
705
  href="#"
706
706
  >Link</a>
707
707
  </li>
708
708
  <li role="none">
709
709
  <button
710
- class="pf-v5-c-dropdown__menu-item"
710
+ class="pf-v6-c-dropdown__menu-item"
711
711
  role="menuitem"
712
712
  type="button"
713
713
  >Action</button>
714
714
  </li>
715
715
  <li role="none">
716
716
  <a
717
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
717
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
718
718
  role="menuitem"
719
719
  href="#"
720
720
  aria-disabled="true"
@@ -723,25 +723,25 @@ section: patterns
723
723
  </li>
724
724
  <li role="none">
725
725
  <button
726
- class="pf-v5-c-dropdown__menu-item"
726
+ class="pf-v6-c-dropdown__menu-item"
727
727
  role="menuitem"
728
728
  type="button"
729
729
  disabled
730
730
  >Disabled action</button>
731
731
  </li>
732
- <li class="pf-v5-c-divider" role="separator"></li>
732
+ <li class="pf-v6-c-divider" role="separator"></li>
733
733
  <li role="none">
734
734
  <a
735
- class="pf-v5-c-dropdown__menu-item"
735
+ class="pf-v6-c-dropdown__menu-item"
736
736
  role="menuitem"
737
737
  href="#"
738
738
  >Separated link</a>
739
739
  </li>
740
740
  </ul>
741
741
  </div>
742
- <div class="pf-v5-c-check pf-m-standalone">
742
+ <div class="pf-v6-c-check pf-m-standalone">
743
743
  <input
744
- class="pf-v5-c-check__input"
744
+ class="pf-v6-c-check__input"
745
745
  type="checkbox"
746
746
  id="card-view-basic-example-gallery-card-1-check"
747
747
  name="card-view-basic-example-gallery-card-1-check"
@@ -750,33 +750,33 @@ section: patterns
750
750
  </div>
751
751
  </div>
752
752
  </div>
753
- <div class="pf-v5-c-card__title">
753
+ <div class="pf-v6-c-card__title">
754
754
  <h2
755
- class="pf-v5-c-card__title-text"
755
+ class="pf-v6-c-card__title-text"
756
756
  id="card-view-basic-example-gallery-card-1-check-label"
757
757
  >Patternfly</h2>
758
- <div class="pf-v5-c-content">
758
+ <div class="pf-v6-c-content">
759
759
  <small>Provided by Red Hat</small>
760
760
  </div>
761
761
  </div>
762
762
  <div
763
- class="pf-v5-c-card__body"
763
+ class="pf-v6-c-card__body"
764
764
  >PatternFly is a community project that promotes design commonality and improves user experience.</div>
765
765
  </div>
766
766
  <div
767
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
767
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
768
768
  id="card-view-basic-example-gallery-card-2"
769
769
  >
770
- <div class="pf-v5-c-card__header">
770
+ <div class="pf-v6-c-card__header">
771
771
  <img
772
772
  src="/assets/images/activemq-core_200x150.png"
773
773
  width="60px"
774
774
  alt="Logo"
775
775
  />
776
- <div class="pf-v5-c-card__actions">
777
- <div class="pf-v5-c-dropdown">
776
+ <div class="pf-v6-c-card__actions">
777
+ <div class="pf-v6-c-dropdown">
778
778
  <button
779
- class="pf-v5-c-dropdown__toggle pf-m-plain"
779
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
780
780
  id="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
781
781
  aria-expanded="false"
782
782
  type="button"
@@ -785,28 +785,28 @@ section: patterns
785
785
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
786
786
  </button>
787
787
  <ul
788
- class="pf-v5-c-dropdown__menu pf-m-align-right"
788
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
789
789
  aria-labelledby="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
790
790
  hidden
791
791
  role="menu"
792
792
  >
793
793
  <li role="none">
794
794
  <a
795
- class="pf-v5-c-dropdown__menu-item"
795
+ class="pf-v6-c-dropdown__menu-item"
796
796
  role="menuitem"
797
797
  href="#"
798
798
  >Link</a>
799
799
  </li>
800
800
  <li role="none">
801
801
  <button
802
- class="pf-v5-c-dropdown__menu-item"
802
+ class="pf-v6-c-dropdown__menu-item"
803
803
  role="menuitem"
804
804
  type="button"
805
805
  >Action</button>
806
806
  </li>
807
807
  <li role="none">
808
808
  <a
809
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
809
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
810
810
  role="menuitem"
811
811
  href="#"
812
812
  aria-disabled="true"
@@ -815,25 +815,25 @@ section: patterns
815
815
  </li>
816
816
  <li role="none">
817
817
  <button
818
- class="pf-v5-c-dropdown__menu-item"
818
+ class="pf-v6-c-dropdown__menu-item"
819
819
  role="menuitem"
820
820
  type="button"
821
821
  disabled
822
822
  >Disabled action</button>
823
823
  </li>
824
- <li class="pf-v5-c-divider" role="separator"></li>
824
+ <li class="pf-v6-c-divider" role="separator"></li>
825
825
  <li role="none">
826
826
  <a
827
- class="pf-v5-c-dropdown__menu-item"
827
+ class="pf-v6-c-dropdown__menu-item"
828
828
  role="menuitem"
829
829
  href="#"
830
830
  >Separated link</a>
831
831
  </li>
832
832
  </ul>
833
833
  </div>
834
- <div class="pf-v5-c-check pf-m-standalone">
834
+ <div class="pf-v6-c-check pf-m-standalone">
835
835
  <input
836
- class="pf-v5-c-check__input"
836
+ class="pf-v6-c-check__input"
837
837
  type="checkbox"
838
838
  id="card-view-basic-example-gallery-card-2-check"
839
839
  name="card-view-basic-example-gallery-card-2-check"
@@ -842,33 +842,33 @@ section: patterns
842
842
  </div>
843
843
  </div>
844
844
  </div>
845
- <div class="pf-v5-c-card__title">
845
+ <div class="pf-v6-c-card__title">
846
846
  <h2
847
- class="pf-v5-c-card__title-text"
847
+ class="pf-v6-c-card__title-text"
848
848
  id="card-view-basic-example-gallery-card-2-check-label"
849
849
  >ActiveMq</h2>
850
- <div class="pf-v5-c-content">
850
+ <div class="pf-v6-c-content">
851
851
  <small>Provided by Red Hat</small>
852
852
  </div>
853
853
  </div>
854
854
  <div
855
- class="pf-v5-c-card__body"
855
+ class="pf-v6-c-card__body"
856
856
  >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
857
857
  </div>
858
858
  <div
859
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
859
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
860
860
  id="card-view-basic-example-gallery-card-3"
861
861
  >
862
- <div class="pf-v5-c-card__header">
862
+ <div class="pf-v6-c-card__header">
863
863
  <img
864
864
  src="/assets/images/camel-spark_200x150.png"
865
865
  width="60px"
866
866
  alt="Logo"
867
867
  />
868
- <div class="pf-v5-c-card__actions">
869
- <div class="pf-v5-c-dropdown">
868
+ <div class="pf-v6-c-card__actions">
869
+ <div class="pf-v6-c-dropdown">
870
870
  <button
871
- class="pf-v5-c-dropdown__toggle pf-m-plain"
871
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
872
872
  id="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
873
873
  aria-expanded="false"
874
874
  type="button"
@@ -877,28 +877,28 @@ section: patterns
877
877
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
878
878
  </button>
879
879
  <ul
880
- class="pf-v5-c-dropdown__menu pf-m-align-right"
880
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
881
881
  aria-labelledby="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
882
882
  hidden
883
883
  role="menu"
884
884
  >
885
885
  <li role="none">
886
886
  <a
887
- class="pf-v5-c-dropdown__menu-item"
887
+ class="pf-v6-c-dropdown__menu-item"
888
888
  role="menuitem"
889
889
  href="#"
890
890
  >Link</a>
891
891
  </li>
892
892
  <li role="none">
893
893
  <button
894
- class="pf-v5-c-dropdown__menu-item"
894
+ class="pf-v6-c-dropdown__menu-item"
895
895
  role="menuitem"
896
896
  type="button"
897
897
  >Action</button>
898
898
  </li>
899
899
  <li role="none">
900
900
  <a
901
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
901
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
902
902
  role="menuitem"
903
903
  href="#"
904
904
  aria-disabled="true"
@@ -907,25 +907,25 @@ section: patterns
907
907
  </li>
908
908
  <li role="none">
909
909
  <button
910
- class="pf-v5-c-dropdown__menu-item"
910
+ class="pf-v6-c-dropdown__menu-item"
911
911
  role="menuitem"
912
912
  type="button"
913
913
  disabled
914
914
  >Disabled action</button>
915
915
  </li>
916
- <li class="pf-v5-c-divider" role="separator"></li>
916
+ <li class="pf-v6-c-divider" role="separator"></li>
917
917
  <li role="none">
918
918
  <a
919
- class="pf-v5-c-dropdown__menu-item"
919
+ class="pf-v6-c-dropdown__menu-item"
920
920
  role="menuitem"
921
921
  href="#"
922
922
  >Separated link</a>
923
923
  </li>
924
924
  </ul>
925
925
  </div>
926
- <div class="pf-v5-c-check pf-m-standalone">
926
+ <div class="pf-v6-c-check pf-m-standalone">
927
927
  <input
928
- class="pf-v5-c-check__input"
928
+ class="pf-v6-c-check__input"
929
929
  type="checkbox"
930
930
  id="card-view-basic-example-gallery-card-3-check"
931
931
  name="card-view-basic-example-gallery-card-3-check"
@@ -934,33 +934,33 @@ section: patterns
934
934
  </div>
935
935
  </div>
936
936
  </div>
937
- <div class="pf-v5-c-card__title">
937
+ <div class="pf-v6-c-card__title">
938
938
  <h2
939
- class="pf-v5-c-card__title-text"
939
+ class="pf-v6-c-card__title-text"
940
940
  id="card-view-basic-example-gallery-card-3-check-label"
941
941
  >Apache Spark</h2>
942
- <div class="pf-v5-c-content">
942
+ <div class="pf-v6-c-content">
943
943
  <small>Provided by Red Hat</small>
944
944
  </div>
945
945
  </div>
946
946
  <div
947
- class="pf-v5-c-card__body"
947
+ class="pf-v6-c-card__body"
948
948
  >This documentation page covers the Apache Spark component for the Apache Camel.</div>
949
949
  </div>
950
950
  <div
951
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
951
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
952
952
  id="card-view-basic-example-gallery-card-4"
953
953
  >
954
- <div class="pf-v5-c-card__header">
954
+ <div class="pf-v6-c-card__header">
955
955
  <img
956
956
  src="/assets/images/camel-avro_200x150.png"
957
957
  width="60px"
958
958
  alt="Logo"
959
959
  />
960
- <div class="pf-v5-c-card__actions">
961
- <div class="pf-v5-c-dropdown">
960
+ <div class="pf-v6-c-card__actions">
961
+ <div class="pf-v6-c-dropdown">
962
962
  <button
963
- class="pf-v5-c-dropdown__toggle pf-m-plain"
963
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
964
964
  id="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
965
965
  aria-expanded="false"
966
966
  type="button"
@@ -969,28 +969,28 @@ section: patterns
969
969
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
970
970
  </button>
971
971
  <ul
972
- class="pf-v5-c-dropdown__menu pf-m-align-right"
972
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
973
973
  aria-labelledby="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
974
974
  hidden
975
975
  role="menu"
976
976
  >
977
977
  <li role="none">
978
978
  <a
979
- class="pf-v5-c-dropdown__menu-item"
979
+ class="pf-v6-c-dropdown__menu-item"
980
980
  role="menuitem"
981
981
  href="#"
982
982
  >Link</a>
983
983
  </li>
984
984
  <li role="none">
985
985
  <button
986
- class="pf-v5-c-dropdown__menu-item"
986
+ class="pf-v6-c-dropdown__menu-item"
987
987
  role="menuitem"
988
988
  type="button"
989
989
  >Action</button>
990
990
  </li>
991
991
  <li role="none">
992
992
  <a
993
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
993
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
994
994
  role="menuitem"
995
995
  href="#"
996
996
  aria-disabled="true"
@@ -999,25 +999,25 @@ section: patterns
999
999
  </li>
1000
1000
  <li role="none">
1001
1001
  <button
1002
- class="pf-v5-c-dropdown__menu-item"
1002
+ class="pf-v6-c-dropdown__menu-item"
1003
1003
  role="menuitem"
1004
1004
  type="button"
1005
1005
  disabled
1006
1006
  >Disabled action</button>
1007
1007
  </li>
1008
- <li class="pf-v5-c-divider" role="separator"></li>
1008
+ <li class="pf-v6-c-divider" role="separator"></li>
1009
1009
  <li role="none">
1010
1010
  <a
1011
- class="pf-v5-c-dropdown__menu-item"
1011
+ class="pf-v6-c-dropdown__menu-item"
1012
1012
  role="menuitem"
1013
1013
  href="#"
1014
1014
  >Separated link</a>
1015
1015
  </li>
1016
1016
  </ul>
1017
1017
  </div>
1018
- <div class="pf-v5-c-check pf-m-standalone">
1018
+ <div class="pf-v6-c-check pf-m-standalone">
1019
1019
  <input
1020
- class="pf-v5-c-check__input"
1020
+ class="pf-v6-c-check__input"
1021
1021
  type="checkbox"
1022
1022
  id="card-view-basic-example-gallery-card-4-check"
1023
1023
  name="card-view-basic-example-gallery-card-4-check"
@@ -1026,33 +1026,33 @@ section: patterns
1026
1026
  </div>
1027
1027
  </div>
1028
1028
  </div>
1029
- <div class="pf-v5-c-card__title">
1029
+ <div class="pf-v6-c-card__title">
1030
1030
  <h2
1031
- class="pf-v5-c-card__title-text"
1031
+ class="pf-v6-c-card__title-text"
1032
1032
  id="card-view-basic-example-gallery-card-4-check-label"
1033
1033
  >Avro</h2>
1034
- <div class="pf-v5-c-content">
1034
+ <div class="pf-v6-c-content">
1035
1035
  <small>Provided by Red Hat</small>
1036
1036
  </div>
1037
1037
  </div>
1038
1038
  <div
1039
- class="pf-v5-c-card__body"
1039
+ class="pf-v6-c-card__body"
1040
1040
  >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
1041
1041
  </div>
1042
1042
  <div
1043
- class="pf-v5-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
1043
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
1044
1044
  id="card-view-basic-example-gallery-card-5"
1045
1045
  >
1046
- <div class="pf-v5-c-card__header">
1046
+ <div class="pf-v6-c-card__header">
1047
1047
  <img
1048
1048
  src="/assets/images/FuseConnector_Icons_AzureServices.png"
1049
1049
  width="60px"
1050
1050
  alt="Logo"
1051
1051
  />
1052
- <div class="pf-v5-c-card__actions">
1053
- <div class="pf-v5-c-dropdown">
1052
+ <div class="pf-v6-c-card__actions">
1053
+ <div class="pf-v6-c-dropdown">
1054
1054
  <button
1055
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1055
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1056
1056
  id="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1057
1057
  aria-expanded="false"
1058
1058
  type="button"
@@ -1061,28 +1061,28 @@ section: patterns
1061
1061
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1062
1062
  </button>
1063
1063
  <ul
1064
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1064
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1065
1065
  aria-labelledby="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1066
1066
  hidden
1067
1067
  role="menu"
1068
1068
  >
1069
1069
  <li role="none">
1070
1070
  <a
1071
- class="pf-v5-c-dropdown__menu-item"
1071
+ class="pf-v6-c-dropdown__menu-item"
1072
1072
  role="menuitem"
1073
1073
  href="#"
1074
1074
  >Link</a>
1075
1075
  </li>
1076
1076
  <li role="none">
1077
1077
  <button
1078
- class="pf-v5-c-dropdown__menu-item"
1078
+ class="pf-v6-c-dropdown__menu-item"
1079
1079
  role="menuitem"
1080
1080
  type="button"
1081
1081
  >Action</button>
1082
1082
  </li>
1083
1083
  <li role="none">
1084
1084
  <a
1085
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1085
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1086
1086
  role="menuitem"
1087
1087
  href="#"
1088
1088
  aria-disabled="true"
@@ -1091,25 +1091,25 @@ section: patterns
1091
1091
  </li>
1092
1092
  <li role="none">
1093
1093
  <button
1094
- class="pf-v5-c-dropdown__menu-item"
1094
+ class="pf-v6-c-dropdown__menu-item"
1095
1095
  role="menuitem"
1096
1096
  type="button"
1097
1097
  disabled
1098
1098
  >Disabled action</button>
1099
1099
  </li>
1100
- <li class="pf-v5-c-divider" role="separator"></li>
1100
+ <li class="pf-v6-c-divider" role="separator"></li>
1101
1101
  <li role="none">
1102
1102
  <a
1103
- class="pf-v5-c-dropdown__menu-item"
1103
+ class="pf-v6-c-dropdown__menu-item"
1104
1104
  role="menuitem"
1105
1105
  href="#"
1106
1106
  >Separated link</a>
1107
1107
  </li>
1108
1108
  </ul>
1109
1109
  </div>
1110
- <div class="pf-v5-c-check pf-m-standalone">
1110
+ <div class="pf-v6-c-check pf-m-standalone">
1111
1111
  <input
1112
- class="pf-v5-c-check__input"
1112
+ class="pf-v6-c-check__input"
1113
1113
  type="checkbox"
1114
1114
  id="card-view-basic-example-gallery-card-5-check"
1115
1115
  name="card-view-basic-example-gallery-card-5-check"
@@ -1118,33 +1118,33 @@ section: patterns
1118
1118
  </div>
1119
1119
  </div>
1120
1120
  </div>
1121
- <div class="pf-v5-c-card__title">
1121
+ <div class="pf-v6-c-card__title">
1122
1122
  <h2
1123
- class="pf-v5-c-card__title-text"
1123
+ class="pf-v6-c-card__title-text"
1124
1124
  id="card-view-basic-example-gallery-card-5-check-label"
1125
1125
  >Azure Services</h2>
1126
- <div class="pf-v5-c-content">
1126
+ <div class="pf-v6-c-content">
1127
1127
  <small>Provided by Red Hat</small>
1128
1128
  </div>
1129
1129
  </div>
1130
1130
  <div
1131
- class="pf-v5-c-card__body"
1131
+ class="pf-v6-c-card__body"
1132
1132
  >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
1133
1133
  </div>
1134
1134
  <div
1135
- class="pf-v5-c-card pf-m-non-selectable-raised pf-m-compact"
1135
+ class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
1136
1136
  id="card-view-basic-example-gallery-card-6"
1137
1137
  >
1138
- <div class="pf-v5-c-card__header">
1138
+ <div class="pf-v6-c-card__header">
1139
1139
  <img
1140
1140
  src="/assets/images/camel-saxon_200x150.png"
1141
1141
  width="60px"
1142
1142
  alt="Logo"
1143
1143
  />
1144
- <div class="pf-v5-c-card__actions">
1145
- <div class="pf-v5-c-dropdown">
1144
+ <div class="pf-v6-c-card__actions">
1145
+ <div class="pf-v6-c-dropdown">
1146
1146
  <button
1147
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1147
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1148
1148
  id="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1149
1149
  aria-expanded="false"
1150
1150
  type="button"
@@ -1153,28 +1153,28 @@ section: patterns
1153
1153
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1154
1154
  </button>
1155
1155
  <ul
1156
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1156
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1157
1157
  aria-labelledby="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1158
1158
  hidden
1159
1159
  role="menu"
1160
1160
  >
1161
1161
  <li role="none">
1162
1162
  <a
1163
- class="pf-v5-c-dropdown__menu-item"
1163
+ class="pf-v6-c-dropdown__menu-item"
1164
1164
  role="menuitem"
1165
1165
  href="#"
1166
1166
  >Link</a>
1167
1167
  </li>
1168
1168
  <li role="none">
1169
1169
  <button
1170
- class="pf-v5-c-dropdown__menu-item"
1170
+ class="pf-v6-c-dropdown__menu-item"
1171
1171
  role="menuitem"
1172
1172
  type="button"
1173
1173
  >Action</button>
1174
1174
  </li>
1175
1175
  <li role="none">
1176
1176
  <a
1177
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1177
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1178
1178
  role="menuitem"
1179
1179
  href="#"
1180
1180
  aria-disabled="true"
@@ -1183,25 +1183,25 @@ section: patterns
1183
1183
  </li>
1184
1184
  <li role="none">
1185
1185
  <button
1186
- class="pf-v5-c-dropdown__menu-item"
1186
+ class="pf-v6-c-dropdown__menu-item"
1187
1187
  role="menuitem"
1188
1188
  type="button"
1189
1189
  disabled
1190
1190
  >Disabled action</button>
1191
1191
  </li>
1192
- <li class="pf-v5-c-divider" role="separator"></li>
1192
+ <li class="pf-v6-c-divider" role="separator"></li>
1193
1193
  <li role="none">
1194
1194
  <a
1195
- class="pf-v5-c-dropdown__menu-item"
1195
+ class="pf-v6-c-dropdown__menu-item"
1196
1196
  role="menuitem"
1197
1197
  href="#"
1198
1198
  >Separated link</a>
1199
1199
  </li>
1200
1200
  </ul>
1201
1201
  </div>
1202
- <div class="pf-v5-c-check pf-m-standalone">
1202
+ <div class="pf-v6-c-check pf-m-standalone">
1203
1203
  <input
1204
- class="pf-v5-c-check__input"
1204
+ class="pf-v6-c-check__input"
1205
1205
  type="checkbox"
1206
1206
  id="card-view-basic-example-gallery-card-6-check"
1207
1207
  name="card-view-basic-example-gallery-card-6-check"
@@ -1211,33 +1211,33 @@ section: patterns
1211
1211
  </div>
1212
1212
  </div>
1213
1213
  </div>
1214
- <div class="pf-v5-c-card__title">
1214
+ <div class="pf-v6-c-card__title">
1215
1215
  <h2
1216
- class="pf-v5-c-card__title-text"
1216
+ class="pf-v6-c-card__title-text"
1217
1217
  id="card-view-basic-example-gallery-card-6-check-label"
1218
1218
  >Crypto</h2>
1219
- <div class="pf-v5-c-content">
1219
+ <div class="pf-v6-c-content">
1220
1220
  <small>Provided by Red Hat</small>
1221
1221
  </div>
1222
1222
  </div>
1223
1223
  <div
1224
- class="pf-v5-c-card__body"
1224
+ class="pf-v6-c-card__body"
1225
1225
  >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
1226
1226
  </div>
1227
1227
  <div
1228
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
1228
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1229
1229
  id="card-view-basic-example-gallery-card-7"
1230
1230
  >
1231
- <div class="pf-v5-c-card__header">
1231
+ <div class="pf-v6-c-card__header">
1232
1232
  <img
1233
1233
  src="/assets/images/camel-dropbox_200x150.png"
1234
1234
  width="60px"
1235
1235
  alt="Logo"
1236
1236
  />
1237
- <div class="pf-v5-c-card__actions">
1238
- <div class="pf-v5-c-dropdown">
1237
+ <div class="pf-v6-c-card__actions">
1238
+ <div class="pf-v6-c-dropdown">
1239
1239
  <button
1240
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1240
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1241
1241
  id="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1242
1242
  aria-expanded="false"
1243
1243
  type="button"
@@ -1246,28 +1246,28 @@ section: patterns
1246
1246
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1247
1247
  </button>
1248
1248
  <ul
1249
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1249
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1250
1250
  aria-labelledby="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1251
1251
  hidden
1252
1252
  role="menu"
1253
1253
  >
1254
1254
  <li role="none">
1255
1255
  <a
1256
- class="pf-v5-c-dropdown__menu-item"
1256
+ class="pf-v6-c-dropdown__menu-item"
1257
1257
  role="menuitem"
1258
1258
  href="#"
1259
1259
  >Link</a>
1260
1260
  </li>
1261
1261
  <li role="none">
1262
1262
  <button
1263
- class="pf-v5-c-dropdown__menu-item"
1263
+ class="pf-v6-c-dropdown__menu-item"
1264
1264
  role="menuitem"
1265
1265
  type="button"
1266
1266
  >Action</button>
1267
1267
  </li>
1268
1268
  <li role="none">
1269
1269
  <a
1270
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1270
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1271
1271
  role="menuitem"
1272
1272
  href="#"
1273
1273
  aria-disabled="true"
@@ -1276,25 +1276,25 @@ section: patterns
1276
1276
  </li>
1277
1277
  <li role="none">
1278
1278
  <button
1279
- class="pf-v5-c-dropdown__menu-item"
1279
+ class="pf-v6-c-dropdown__menu-item"
1280
1280
  role="menuitem"
1281
1281
  type="button"
1282
1282
  disabled
1283
1283
  >Disabled action</button>
1284
1284
  </li>
1285
- <li class="pf-v5-c-divider" role="separator"></li>
1285
+ <li class="pf-v6-c-divider" role="separator"></li>
1286
1286
  <li role="none">
1287
1287
  <a
1288
- class="pf-v5-c-dropdown__menu-item"
1288
+ class="pf-v6-c-dropdown__menu-item"
1289
1289
  role="menuitem"
1290
1290
  href="#"
1291
1291
  >Separated link</a>
1292
1292
  </li>
1293
1293
  </ul>
1294
1294
  </div>
1295
- <div class="pf-v5-c-check pf-m-standalone">
1295
+ <div class="pf-v6-c-check pf-m-standalone">
1296
1296
  <input
1297
- class="pf-v5-c-check__input"
1297
+ class="pf-v6-c-check__input"
1298
1298
  type="checkbox"
1299
1299
  id="card-view-basic-example-gallery-card-7-check"
1300
1300
  name="card-view-basic-example-gallery-card-7-check"
@@ -1303,33 +1303,33 @@ section: patterns
1303
1303
  </div>
1304
1304
  </div>
1305
1305
  </div>
1306
- <div class="pf-v5-c-card__title">
1306
+ <div class="pf-v6-c-card__title">
1307
1307
  <h2
1308
- class="pf-v5-c-card__title-text"
1308
+ class="pf-v6-c-card__title-text"
1309
1309
  id="card-view-basic-example-gallery-card-7-check-label"
1310
1310
  >DropBox</h2>
1311
- <div class="pf-v5-c-content">
1311
+ <div class="pf-v6-c-content">
1312
1312
  <small>Provided by Red Hat</small>
1313
1313
  </div>
1314
1314
  </div>
1315
1315
  <div
1316
- class="pf-v5-c-card__body"
1316
+ class="pf-v6-c-card__body"
1317
1317
  >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1318
1318
  </div>
1319
1319
  <div
1320
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
1320
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1321
1321
  id="card-view-basic-example-gallery-card-8"
1322
1322
  >
1323
- <div class="pf-v5-c-card__header">
1323
+ <div class="pf-v6-c-card__header">
1324
1324
  <img
1325
1325
  src="/assets/images/camel-infinispan_200x150.png"
1326
1326
  width="60px"
1327
1327
  alt="Logo"
1328
1328
  />
1329
- <div class="pf-v5-c-card__actions">
1330
- <div class="pf-v5-c-dropdown">
1329
+ <div class="pf-v6-c-card__actions">
1330
+ <div class="pf-v6-c-dropdown">
1331
1331
  <button
1332
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1332
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1333
1333
  id="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1334
1334
  aria-expanded="false"
1335
1335
  type="button"
@@ -1338,28 +1338,28 @@ section: patterns
1338
1338
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1339
1339
  </button>
1340
1340
  <ul
1341
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1341
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1342
1342
  aria-labelledby="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1343
1343
  hidden
1344
1344
  role="menu"
1345
1345
  >
1346
1346
  <li role="none">
1347
1347
  <a
1348
- class="pf-v5-c-dropdown__menu-item"
1348
+ class="pf-v6-c-dropdown__menu-item"
1349
1349
  role="menuitem"
1350
1350
  href="#"
1351
1351
  >Link</a>
1352
1352
  </li>
1353
1353
  <li role="none">
1354
1354
  <button
1355
- class="pf-v5-c-dropdown__menu-item"
1355
+ class="pf-v6-c-dropdown__menu-item"
1356
1356
  role="menuitem"
1357
1357
  type="button"
1358
1358
  >Action</button>
1359
1359
  </li>
1360
1360
  <li role="none">
1361
1361
  <a
1362
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1362
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1363
1363
  role="menuitem"
1364
1364
  href="#"
1365
1365
  aria-disabled="true"
@@ -1368,25 +1368,25 @@ section: patterns
1368
1368
  </li>
1369
1369
  <li role="none">
1370
1370
  <button
1371
- class="pf-v5-c-dropdown__menu-item"
1371
+ class="pf-v6-c-dropdown__menu-item"
1372
1372
  role="menuitem"
1373
1373
  type="button"
1374
1374
  disabled
1375
1375
  >Disabled action</button>
1376
1376
  </li>
1377
- <li class="pf-v5-c-divider" role="separator"></li>
1377
+ <li class="pf-v6-c-divider" role="separator"></li>
1378
1378
  <li role="none">
1379
1379
  <a
1380
- class="pf-v5-c-dropdown__menu-item"
1380
+ class="pf-v6-c-dropdown__menu-item"
1381
1381
  role="menuitem"
1382
1382
  href="#"
1383
1383
  >Separated link</a>
1384
1384
  </li>
1385
1385
  </ul>
1386
1386
  </div>
1387
- <div class="pf-v5-c-check pf-m-standalone">
1387
+ <div class="pf-v6-c-check pf-m-standalone">
1388
1388
  <input
1389
- class="pf-v5-c-check__input"
1389
+ class="pf-v6-c-check__input"
1390
1390
  type="checkbox"
1391
1391
  id="card-view-basic-example-gallery-card-8-check"
1392
1392
  name="card-view-basic-example-gallery-card-8-check"
@@ -1395,33 +1395,33 @@ section: patterns
1395
1395
  </div>
1396
1396
  </div>
1397
1397
  </div>
1398
- <div class="pf-v5-c-card__title">
1398
+ <div class="pf-v6-c-card__title">
1399
1399
  <h2
1400
- class="pf-v5-c-card__title-text"
1400
+ class="pf-v6-c-card__title-text"
1401
1401
  id="card-view-basic-example-gallery-card-8-check-label"
1402
1402
  >JBoss Data Grid</h2>
1403
- <div class="pf-v5-c-content">
1403
+ <div class="pf-v6-c-content">
1404
1404
  <small>Provided by Red Hat</small>
1405
1405
  </div>
1406
1406
  </div>
1407
1407
  <div
1408
- class="pf-v5-c-card__body"
1408
+ class="pf-v6-c-card__body"
1409
1409
  >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1410
1410
  </div>
1411
1411
  <div
1412
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
1412
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1413
1413
  id="card-view-basic-example-gallery-card-9"
1414
1414
  >
1415
- <div class="pf-v5-c-card__header">
1415
+ <div class="pf-v6-c-card__header">
1416
1416
  <img
1417
1417
  src="/assets/images/FuseConnector_Icons_REST.png"
1418
1418
  width="60px"
1419
1419
  alt="Logo"
1420
1420
  />
1421
- <div class="pf-v5-c-card__actions">
1422
- <div class="pf-v5-c-dropdown">
1421
+ <div class="pf-v6-c-card__actions">
1422
+ <div class="pf-v6-c-dropdown">
1423
1423
  <button
1424
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1424
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1425
1425
  id="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1426
1426
  aria-expanded="false"
1427
1427
  type="button"
@@ -1430,28 +1430,28 @@ section: patterns
1430
1430
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1431
1431
  </button>
1432
1432
  <ul
1433
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1433
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1434
1434
  aria-labelledby="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1435
1435
  hidden
1436
1436
  role="menu"
1437
1437
  >
1438
1438
  <li role="none">
1439
1439
  <a
1440
- class="pf-v5-c-dropdown__menu-item"
1440
+ class="pf-v6-c-dropdown__menu-item"
1441
1441
  role="menuitem"
1442
1442
  href="#"
1443
1443
  >Link</a>
1444
1444
  </li>
1445
1445
  <li role="none">
1446
1446
  <button
1447
- class="pf-v5-c-dropdown__menu-item"
1447
+ class="pf-v6-c-dropdown__menu-item"
1448
1448
  role="menuitem"
1449
1449
  type="button"
1450
1450
  >Action</button>
1451
1451
  </li>
1452
1452
  <li role="none">
1453
1453
  <a
1454
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1454
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1455
1455
  role="menuitem"
1456
1456
  href="#"
1457
1457
  aria-disabled="true"
@@ -1460,25 +1460,25 @@ section: patterns
1460
1460
  </li>
1461
1461
  <li role="none">
1462
1462
  <button
1463
- class="pf-v5-c-dropdown__menu-item"
1463
+ class="pf-v6-c-dropdown__menu-item"
1464
1464
  role="menuitem"
1465
1465
  type="button"
1466
1466
  disabled
1467
1467
  >Disabled action</button>
1468
1468
  </li>
1469
- <li class="pf-v5-c-divider" role="separator"></li>
1469
+ <li class="pf-v6-c-divider" role="separator"></li>
1470
1470
  <li role="none">
1471
1471
  <a
1472
- class="pf-v5-c-dropdown__menu-item"
1472
+ class="pf-v6-c-dropdown__menu-item"
1473
1473
  role="menuitem"
1474
1474
  href="#"
1475
1475
  >Separated link</a>
1476
1476
  </li>
1477
1477
  </ul>
1478
1478
  </div>
1479
- <div class="pf-v5-c-check pf-m-standalone">
1479
+ <div class="pf-v6-c-check pf-m-standalone">
1480
1480
  <input
1481
- class="pf-v5-c-check__input"
1481
+ class="pf-v6-c-check__input"
1482
1482
  type="checkbox"
1483
1483
  id="card-view-basic-example-gallery-card-9-check"
1484
1484
  name="card-view-basic-example-gallery-card-9-check"
@@ -1487,34 +1487,34 @@ section: patterns
1487
1487
  </div>
1488
1488
  </div>
1489
1489
  </div>
1490
- <div class="pf-v5-c-card__title">
1490
+ <div class="pf-v6-c-card__title">
1491
1491
  <h2
1492
- class="pf-v5-c-card__title-text"
1492
+ class="pf-v6-c-card__title-text"
1493
1493
  id="card-view-basic-example-gallery-card-9-check-label"
1494
1494
  >Rest</h2>
1495
- <div class="pf-v5-c-content">
1495
+ <div class="pf-v6-c-content">
1496
1496
  <small>Provided by Red Hat</small>
1497
1497
  </div>
1498
1498
  </div>
1499
- <div class="pf-v5-c-card__body">
1499
+ <div class="pf-v6-c-card__body">
1500
1500
  The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1501
1501
  From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1502
1502
  </div>
1503
1503
  </div>
1504
1504
  <div
1505
- class="pf-v5-c-card pf-m-selectable-raised pf-m-compact"
1505
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1506
1506
  id="card-view-basic-example-gallery-card-10"
1507
1507
  >
1508
- <div class="pf-v5-c-card__header">
1508
+ <div class="pf-v6-c-card__header">
1509
1509
  <img
1510
1510
  src="/assets/images/camel-swagger-java_200x150.png"
1511
1511
  width="60px"
1512
1512
  alt="Logo"
1513
1513
  />
1514
- <div class="pf-v5-c-card__actions">
1515
- <div class="pf-v5-c-dropdown">
1514
+ <div class="pf-v6-c-card__actions">
1515
+ <div class="pf-v6-c-dropdown">
1516
1516
  <button
1517
- class="pf-v5-c-dropdown__toggle pf-m-plain"
1517
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
1518
1518
  id="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1519
1519
  aria-expanded="false"
1520
1520
  type="button"
@@ -1523,28 +1523,28 @@ section: patterns
1523
1523
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1524
1524
  </button>
1525
1525
  <ul
1526
- class="pf-v5-c-dropdown__menu pf-m-align-right"
1526
+ class="pf-v6-c-dropdown__menu pf-m-align-right"
1527
1527
  aria-labelledby="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1528
1528
  hidden
1529
1529
  role="menu"
1530
1530
  >
1531
1531
  <li role="none">
1532
1532
  <a
1533
- class="pf-v5-c-dropdown__menu-item"
1533
+ class="pf-v6-c-dropdown__menu-item"
1534
1534
  role="menuitem"
1535
1535
  href="#"
1536
1536
  >Link</a>
1537
1537
  </li>
1538
1538
  <li role="none">
1539
1539
  <button
1540
- class="pf-v5-c-dropdown__menu-item"
1540
+ class="pf-v6-c-dropdown__menu-item"
1541
1541
  role="menuitem"
1542
1542
  type="button"
1543
1543
  >Action</button>
1544
1544
  </li>
1545
1545
  <li role="none">
1546
1546
  <a
1547
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1547
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1548
1548
  role="menuitem"
1549
1549
  href="#"
1550
1550
  aria-disabled="true"
@@ -1553,25 +1553,25 @@ section: patterns
1553
1553
  </li>
1554
1554
  <li role="none">
1555
1555
  <button
1556
- class="pf-v5-c-dropdown__menu-item"
1556
+ class="pf-v6-c-dropdown__menu-item"
1557
1557
  role="menuitem"
1558
1558
  type="button"
1559
1559
  disabled
1560
1560
  >Disabled action</button>
1561
1561
  </li>
1562
- <li class="pf-v5-c-divider" role="separator"></li>
1562
+ <li class="pf-v6-c-divider" role="separator"></li>
1563
1563
  <li role="none">
1564
1564
  <a
1565
- class="pf-v5-c-dropdown__menu-item"
1565
+ class="pf-v6-c-dropdown__menu-item"
1566
1566
  role="menuitem"
1567
1567
  href="#"
1568
1568
  >Separated link</a>
1569
1569
  </li>
1570
1570
  </ul>
1571
1571
  </div>
1572
- <div class="pf-v5-c-check pf-m-standalone">
1572
+ <div class="pf-v6-c-check pf-m-standalone">
1573
1573
  <input
1574
- class="pf-v5-c-check__input"
1574
+ class="pf-v6-c-check__input"
1575
1575
  type="checkbox"
1576
1576
  id="card-view-basic-example-gallery-card-10-check"
1577
1577
  name="card-view-basic-example-gallery-card-10-check"
@@ -1580,70 +1580,70 @@ section: patterns
1580
1580
  </div>
1581
1581
  </div>
1582
1582
  </div>
1583
- <div class="pf-v5-c-card__title">
1583
+ <div class="pf-v6-c-card__title">
1584
1584
  <h2
1585
- class="pf-v5-c-card__title-text"
1585
+ class="pf-v6-c-card__title-text"
1586
1586
  id="card-view-basic-example-gallery-card-10-check-label"
1587
1587
  >SWAGGER</h2>
1588
- <div class="pf-v5-c-content">
1588
+ <div class="pf-v6-c-content">
1589
1589
  <small>Provided by Red Hat</small>
1590
1590
  </div>
1591
1591
  </div>
1592
1592
  <div
1593
- class="pf-v5-c-card__body"
1593
+ class="pf-v6-c-card__body"
1594
1594
  >Expose REST services and their APIs using Swagger specification.</div>
1595
1595
  </div>
1596
1596
  </div>
1597
1597
  </section>
1598
1598
  <section
1599
- class="pf-v5-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1599
+ class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1600
1600
  >
1601
- <div class="pf-v5-c-pagination pf-m-bottom">
1602
- <div class="pf-v5-c-pagination__page-menu">
1603
- <div class="pf-v5-c-options-menu pf-m-top">
1601
+ <div class="pf-v6-c-pagination pf-m-bottom">
1602
+ <div class="pf-v6-c-pagination__page-menu">
1603
+ <div class="pf-v6-c-options-menu pf-m-top">
1604
1604
  <button
1605
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1605
+ class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1606
1606
  type="button"
1607
1607
  id="pagination-options-menu-bottom-example-toggle"
1608
1608
  aria-haspopup="listbox"
1609
1609
  aria-expanded="false"
1610
1610
  >
1611
- <span class="pf-v5-c-options-menu__toggle-text">
1611
+ <span class="pf-v6-c-options-menu__toggle-text">
1612
1612
  <b>1 - 10</b>&nbsp;of&nbsp;
1613
1613
  <b>36</b>
1614
1614
  </span>
1615
- <div class="pf-v5-c-options-menu__toggle-icon">
1615
+ <div class="pf-v6-c-options-menu__toggle-icon">
1616
1616
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1617
1617
  </div>
1618
1618
  </button>
1619
1619
  <ul
1620
- class="pf-v5-c-options-menu__menu pf-m-top"
1620
+ class="pf-v6-c-options-menu__menu pf-m-top"
1621
1621
  role="menu"
1622
1622
  aria-labelledby="pagination-options-menu-bottom-example-toggle"
1623
1623
  hidden
1624
1624
  >
1625
1625
  <li role="none">
1626
1626
  <button
1627
- class="pf-v5-c-options-menu__menu-item"
1627
+ class="pf-v6-c-options-menu__menu-item"
1628
1628
  type="button"
1629
1629
  role="menuitem"
1630
1630
  >5 per page</button>
1631
1631
  </li>
1632
1632
  <li role="none">
1633
1633
  <button
1634
- class="pf-v5-c-options-menu__menu-item"
1634
+ class="pf-v6-c-options-menu__menu-item"
1635
1635
  type="button"
1636
1636
  role="menuitem"
1637
1637
  >
1638
1638
  10 per page
1639
- <div class="pf-v5-c-options-menu__menu-item-icon">
1639
+ <div class="pf-v6-c-options-menu__menu-item-icon">
1640
1640
  <i class="fas fa-check" aria-hidden="true"></i>
1641
1641
  </div>
1642
1642
  </button>
1643
1643
  </li>
1644
1644
  <li role="none">
1645
1645
  <button
1646
- class="pf-v5-c-options-menu__menu-item"
1646
+ class="pf-v6-c-options-menu__menu-item"
1647
1647
  type="button"
1648
1648
  role="menuitem"
1649
1649
  >20 per page</button>
@@ -1651,10 +1651,10 @@ section: patterns
1651
1651
  </ul>
1652
1652
  </div>
1653
1653
  </div>
1654
- <nav class="pf-v5-c-pagination__nav" aria-label="Pagination">
1655
- <div class="pf-v5-c-pagination__nav-control pf-m-first">
1654
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1655
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
1656
1656
  <button
1657
- class="pf-v5-c-button pf-m-plain"
1657
+ class="pf-v6-c-button pf-m-plain"
1658
1658
  type="button"
1659
1659
  disabled
1660
1660
  aria-label="Go to first page"
@@ -1662,9 +1662,9 @@ section: patterns
1662
1662
  <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1663
1663
  </button>
1664
1664
  </div>
1665
- <div class="pf-v5-c-pagination__nav-control pf-m-prev">
1665
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1666
1666
  <button
1667
- class="pf-v5-c-button pf-m-plain"
1667
+ class="pf-v6-c-button pf-m-plain"
1668
1668
  type="button"
1669
1669
  disabled
1670
1670
  aria-label="Go to previous page"
@@ -1672,8 +1672,8 @@ section: patterns
1672
1672
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1673
1673
  </button>
1674
1674
  </div>
1675
- <div class="pf-v5-c-pagination__nav-page-select">
1676
- <span class="pf-v5-c-form-control">
1675
+ <div class="pf-v6-c-pagination__nav-page-select">
1676
+ <span class="pf-v6-c-form-control">
1677
1677
  <input
1678
1678
  aria-label="Current page"
1679
1679
  type="number"
@@ -1684,18 +1684,18 @@ section: patterns
1684
1684
  </span>
1685
1685
  <span aria-hidden="true">of 4</span>
1686
1686
  </div>
1687
- <div class="pf-v5-c-pagination__nav-control pf-m-next">
1687
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1688
1688
  <button
1689
- class="pf-v5-c-button pf-m-plain"
1689
+ class="pf-v6-c-button pf-m-plain"
1690
1690
  type="button"
1691
1691
  aria-label="Go to next page"
1692
1692
  >
1693
1693
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1694
1694
  </button>
1695
1695
  </div>
1696
- <div class="pf-v5-c-pagination__nav-control pf-m-last">
1696
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1697
1697
  <button
1698
- class="pf-v5-c-button pf-m-plain"
1698
+ class="pf-v6-c-button pf-m-plain"
1699
1699
  type="button"
1700
1700
  aria-label="Go to last page"
1701
1701
  >