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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +5 -5
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -7,25 +7,25 @@ cssPrefix: pf-d-dashboard
7
7
  ### Basic
8
8
 
9
9
  ```html isFullscreen
10
- <div class="pf-v5-c-page" id="dashboard-demo">
11
- <div class="pf-v5-c-skip-to-content">
10
+ <div class="pf-v6-c-page" id="dashboard-demo">
11
+ <div class="pf-v6-c-skip-to-content">
12
12
  <a
13
- class="pf-v5-c-button pf-m-primary"
13
+ class="pf-v6-c-button pf-m-primary"
14
14
  href="#main-content-dashboard-demo"
15
15
  >Skip to content</a>
16
16
  </div>
17
- <header class="pf-v5-c-masthead" id="dashboard-demo-masthead">
18
- <span class="pf-v5-c-masthead__toggle">
17
+ <header class="pf-v6-c-masthead" id="dashboard-demo-masthead">
18
+ <span class="pf-v6-c-masthead__toggle">
19
19
  <button
20
- class="pf-v5-c-button pf-m-plain"
20
+ class="pf-v6-c-button pf-m-plain"
21
21
  type="button"
22
22
  aria-label="Global navigation"
23
23
  >
24
24
  <i class="fas fa-bars" aria-hidden="true"></i>
25
25
  </button>
26
26
  </span>
27
- <div class="pf-v5-c-masthead__main">
28
- <a class="pf-v5-c-masthead__brand" href="#">
27
+ <div class="pf-v6-c-masthead__main">
28
+ <a class="pf-v6-c-masthead__brand" href="#">
29
29
  <svg height="40px" viewBox="0 0 679 158">
30
30
  <title>PF-HorizontalLogo-Color</title>
31
31
  <defs>
@@ -98,37 +98,37 @@ cssPrefix: pf-d-dashboard
98
98
  </svg>
99
99
  </a>
100
100
  </div>
101
- <div class="pf-v5-c-masthead__content">
101
+ <div class="pf-v6-c-masthead__content">
102
102
  <div
103
- class="pf-v5-c-toolbar pf-m-static"
103
+ class="pf-v6-c-toolbar pf-m-static"
104
104
  id="dashboard-demo-masthead-toolbar"
105
105
  >
106
- <div class="pf-v5-c-toolbar__content">
107
- <div class="pf-v5-c-toolbar__content-section">
108
- <div class="pf-v5-c-toolbar__item">
106
+ <div class="pf-v6-c-toolbar__content">
107
+ <div class="pf-v6-c-toolbar__content-section">
108
+ <div class="pf-v6-c-toolbar__item">
109
109
  <button
110
- class="pf-v5-c-menu-toggle"
110
+ class="pf-v6-c-menu-toggle"
111
111
  type="button"
112
112
  aria-expanded="false"
113
113
  >
114
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
115
- <span class="pf-v5-c-menu-toggle__controls">
116
- <span class="pf-v5-c-menu-toggle__toggle-icon">
114
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
115
+ <span class="pf-v6-c-menu-toggle__controls">
116
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
117
117
  <i class="fas fa-caret-down" aria-hidden="true"></i>
118
118
  </span>
119
119
  </span>
120
120
  </button>
121
121
  </div>
122
122
 
123
- <div class="pf-v5-c-toolbar__item">
123
+ <div class="pf-v6-c-toolbar__item">
124
124
  <button
125
- class="pf-v5-c-menu-toggle"
125
+ class="pf-v6-c-menu-toggle"
126
126
  type="button"
127
127
  aria-expanded="false"
128
128
  >
129
- <span class="pf-v5-c-menu-toggle__text">Services</span>
130
- <span class="pf-v5-c-menu-toggle__controls">
131
- <span class="pf-v5-c-menu-toggle__toggle-icon">
129
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
130
+ <span class="pf-v6-c-menu-toggle__controls">
131
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
132
132
  <i class="fas fa-caret-down" aria-hidden="true"></i>
133
133
  </span>
134
134
  </span>
@@ -136,56 +136,56 @@ cssPrefix: pf-d-dashboard
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
142
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
143
143
  >
144
- <div class="pf-v5-c-toolbar__item">
144
+ <div class="pf-v6-c-toolbar__item">
145
145
  <button
146
- class="pf-v5-c-menu-toggle pf-m-plain"
146
+ class="pf-v6-c-menu-toggle pf-m-plain"
147
147
  type="button"
148
148
  aria-expanded="false"
149
149
  aria-label="Application launcher"
150
150
  >
151
- <span class="pf-v5-c-menu-toggle__icon">
151
+ <span class="pf-v6-c-menu-toggle__icon">
152
152
  <i class="fas fa-th" aria-hidden="true"></i>
153
153
  </span>
154
154
  </button>
155
155
  </div>
156
- <div class="pf-v5-c-toolbar__item">
156
+ <div class="pf-v6-c-toolbar__item">
157
157
  <button
158
- class="pf-v5-c-menu-toggle pf-m-plain"
158
+ class="pf-v6-c-menu-toggle pf-m-plain"
159
159
  type="button"
160
160
  aria-expanded="false"
161
161
  aria-label="Settings"
162
162
  >
163
- <span class="pf-v5-c-menu-toggle__icon">
163
+ <span class="pf-v6-c-menu-toggle__icon">
164
164
  <i class="fas fa-cog" aria-hidden="true"></i>
165
165
  </span>
166
166
  </button>
167
167
  </div>
168
- <div class="pf-v5-c-toolbar__item">
168
+ <div class="pf-v6-c-toolbar__item">
169
169
  <button
170
- class="pf-v5-c-menu-toggle pf-m-plain"
170
+ class="pf-v6-c-menu-toggle pf-m-plain"
171
171
  type="button"
172
172
  aria-expanded="false"
173
173
  aria-label="Help"
174
174
  >
175
- <span class="pf-v5-c-menu-toggle__icon">
175
+ <span class="pf-v6-c-menu-toggle__icon">
176
176
  <i class="fas fa-question-circle" aria-hidden="true"></i>
177
177
  </span>
178
178
  </button>
179
179
  </div>
180
180
  </div>
181
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
181
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
182
182
  <button
183
- class="pf-v5-c-menu-toggle pf-m-plain"
183
+ class="pf-v6-c-menu-toggle pf-m-plain"
184
184
  type="button"
185
185
  aria-expanded="false"
186
186
  aria-label="Actions"
187
187
  >
188
- <span class="pf-v5-c-menu-toggle__icon">
188
+ <span class="pf-v6-c-menu-toggle__icon">
189
189
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
190
190
  </span>
191
191
  </button>
@@ -196,71 +196,71 @@ cssPrefix: pf-d-dashboard
196
196
  </div>
197
197
  </div>
198
198
  </header>
199
- <div class="pf-v5-c-page__sidebar">
200
- <div class="pf-v5-c-page__sidebar-body">
199
+ <div class="pf-v6-c-page__sidebar">
200
+ <div class="pf-v6-c-page__sidebar-body">
201
201
  <nav
202
- class="pf-v5-c-nav"
202
+ class="pf-v6-c-nav"
203
203
  id="dashboard-demo-primary-nav"
204
204
  aria-label="Global"
205
205
  >
206
- <ul class="pf-v5-c-nav__list" role="list">
207
- <li class="pf-v5-c-nav__item">
208
- <a href="#" class="pf-v5-c-nav__link">System panel</a>
206
+ <ul class="pf-v6-c-nav__list" role="list">
207
+ <li class="pf-v6-c-nav__item">
208
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
209
209
  </li>
210
- <li class="pf-v5-c-nav__item">
210
+ <li class="pf-v6-c-nav__item">
211
211
  <a
212
212
  href="#"
213
- class="pf-v5-c-nav__link pf-m-current"
213
+ class="pf-v6-c-nav__link pf-m-current"
214
214
  aria-current="page"
215
215
  >Policy</a>
216
216
  </li>
217
- <li class="pf-v5-c-nav__item">
218
- <a href="#" class="pf-v5-c-nav__link">Authentication</a>
217
+ <li class="pf-v6-c-nav__item">
218
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
219
219
  </li>
220
- <li class="pf-v5-c-nav__item">
221
- <a href="#" class="pf-v5-c-nav__link">Network services</a>
220
+ <li class="pf-v6-c-nav__item">
221
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
222
222
  </li>
223
- <li class="pf-v5-c-nav__item">
224
- <a href="#" class="pf-v5-c-nav__link">Server</a>
223
+ <li class="pf-v6-c-nav__item">
224
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
225
225
  </li>
226
226
  </ul>
227
227
  </nav>
228
228
  </div>
229
229
  </div>
230
230
  <main
231
- class="pf-v5-c-page__main"
231
+ class="pf-v6-c-page__main"
232
232
  tabindex="-1"
233
233
  id="main-content-dashboard-demo"
234
234
  >
235
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
236
- <div class="pf-v5-c-page__main-body">
237
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
238
- <ol class="pf-v5-c-breadcrumb__list" role="list">
239
- <li class="pf-v5-c-breadcrumb__item">
240
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
235
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
236
+ <div class="pf-v6-c-page__main-body">
237
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
238
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
239
+ <li class="pf-v6-c-breadcrumb__item">
240
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
241
241
  </li>
242
- <li class="pf-v5-c-breadcrumb__item">
243
- <span class="pf-v5-c-breadcrumb__item-divider">
242
+ <li class="pf-v6-c-breadcrumb__item">
243
+ <span class="pf-v6-c-breadcrumb__item-divider">
244
244
  <i class="fas fa-angle-right" aria-hidden="true"></i>
245
245
  </span>
246
246
 
247
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
247
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
248
248
  </li>
249
- <li class="pf-v5-c-breadcrumb__item">
250
- <span class="pf-v5-c-breadcrumb__item-divider">
249
+ <li class="pf-v6-c-breadcrumb__item">
250
+ <span class="pf-v6-c-breadcrumb__item-divider">
251
251
  <i class="fas fa-angle-right" aria-hidden="true"></i>
252
252
  </span>
253
253
 
254
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
254
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
255
255
  </li>
256
- <li class="pf-v5-c-breadcrumb__item">
257
- <span class="pf-v5-c-breadcrumb__item-divider">
256
+ <li class="pf-v6-c-breadcrumb__item">
257
+ <span class="pf-v6-c-breadcrumb__item-divider">
258
258
  <i class="fas fa-angle-right" aria-hidden="true"></i>
259
259
  </span>
260
260
 
261
261
  <a
262
262
  href="#"
263
- class="pf-v5-c-breadcrumb__link pf-m-current"
263
+ class="pf-v6-c-breadcrumb__link pf-m-current"
264
264
  aria-current="page"
265
265
  >Section landing</a>
266
266
  </li>
@@ -268,36 +268,36 @@ cssPrefix: pf-d-dashboard
268
268
  </nav>
269
269
  </div>
270
270
  </section>
271
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
272
- <div class="pf-v5-c-page__main-body">
273
- <div class="pf-v5-c-content">
271
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
272
+ <div class="pf-v6-c-page__main-body">
273
+ <div class="pf-v6-c-content">
274
274
  <h1>Main title</h1>
275
275
  <p>This is a full page demo.</p>
276
276
  </div>
277
277
  </div>
278
278
  </section>
279
- <section class="pf-v5-c-page__main-section pf-m-limit-width">
280
- <div class="pf-v5-c-page__main-body">
281
- <div class="pf-v5-l-grid pf-m-gutter">
282
- <div class="pf-v5-c-card pf-m-expanded">
283
- <div class="pf-v5-c-card__header">
284
- <div class="pf-v5-c-card__header-toggle">
279
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
280
+ <div class="pf-v6-c-page__main-body">
281
+ <div class="pf-v6-l-grid pf-m-gutter">
282
+ <div class="pf-v6-c-card pf-m-expanded">
283
+ <div class="pf-v6-c-card__header">
284
+ <div class="pf-v6-c-card__header-toggle">
285
285
  <button
286
- class="pf-v5-c-button pf-m-plain"
286
+ class="pf-v6-c-button pf-m-plain"
287
287
  type="button"
288
288
  aria-label="Details"
289
289
  id="dashboard-demo-expandable-status-card-1-toggle"
290
290
  aria-labelledby="dashboard-demo-expandable-status-card-1-title dashboard-demo-expandable-status-card-1-toggle"
291
291
  >
292
- <span class="pf-v5-c-card__header-toggle-icon">
292
+ <span class="pf-v6-c-card__header-toggle-icon">
293
293
  <i class="fas fa-angle-right" aria-hidden="true"></i>
294
294
  </span>
295
295
  </button>
296
296
  </div>
297
- <div class="pf-v5-c-card__actions">
298
- <div class="pf-v5-c-dropdown">
297
+ <div class="pf-v6-c-card__actions">
298
+ <div class="pf-v6-c-dropdown">
299
299
  <button
300
- class="pf-v5-c-dropdown__toggle pf-m-plain"
300
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
301
301
  id="dashboard-demo-expandable-status-card-1-dropdown-kebab-right-aligned-button"
302
302
  aria-expanded="false"
303
303
  type="button"
@@ -306,28 +306,28 @@ cssPrefix: pf-d-dashboard
306
306
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
307
307
  </button>
308
308
  <ul
309
- class="pf-v5-c-dropdown__menu"
309
+ class="pf-v6-c-dropdown__menu"
310
310
  aria-labelledby="dashboard-demo-expandable-status-card-1-dropdown-kebab-right-aligned-button"
311
311
  hidden
312
312
  role="menu"
313
313
  >
314
314
  <li role="none">
315
315
  <a
316
- class="pf-v5-c-dropdown__menu-item"
316
+ class="pf-v6-c-dropdown__menu-item"
317
317
  role="menuitem"
318
318
  href="#"
319
319
  >Link</a>
320
320
  </li>
321
321
  <li role="none">
322
322
  <button
323
- class="pf-v5-c-dropdown__menu-item"
323
+ class="pf-v6-c-dropdown__menu-item"
324
324
  role="menuitem"
325
325
  type="button"
326
326
  >Action</button>
327
327
  </li>
328
328
  <li role="none">
329
329
  <a
330
- class="pf-v5-c-dropdown__menu-item pf-m-disabled"
330
+ class="pf-v6-c-dropdown__menu-item pf-m-disabled"
331
331
  role="menuitem"
332
332
  href="#"
333
333
  aria-disabled="true"
@@ -336,16 +336,16 @@ cssPrefix: pf-d-dashboard
336
336
  </li>
337
337
  <li role="none">
338
338
  <button
339
- class="pf-v5-c-dropdown__menu-item"
339
+ class="pf-v6-c-dropdown__menu-item"
340
340
  role="menuitem"
341
341
  type="button"
342
342
  disabled
343
343
  >Disabled action</button>
344
344
  </li>
345
- <li class="pf-v5-c-divider" role="separator"></li>
345
+ <li class="pf-v6-c-divider" role="separator"></li>
346
346
  <li role="none">
347
347
  <a
348
- class="pf-v5-c-dropdown__menu-item"
348
+ class="pf-v6-c-dropdown__menu-item"
349
349
  role="menuitem"
350
350
  href="#"
351
351
  >Separated link</a>
@@ -354,45 +354,45 @@ cssPrefix: pf-d-dashboard
354
354
  </div>
355
355
  </div>
356
356
  <div
357
- class="pf-v5-c-card__title"
357
+ class="pf-v6-c-card__title"
358
358
  id="dashboard-demo-expandable-status-card-1-title"
359
359
  >
360
- <h2 class="pf-v5-c-title pf-m-xl">Improve recommended pathways</h2>
360
+ <h2 class="pf-v6-c-title pf-m-xl">Improve recommended pathways</h2>
361
361
  </div>
362
362
  </div>
363
- <div class="pf-v5-c-card__expandable-content">
364
- <div class="pf-v5-l-flex pf-m-column pf-m-row-on-md">
363
+ <div class="pf-v6-c-card__expandable-content">
364
+ <div class="pf-v6-l-flex pf-m-column pf-m-row-on-md">
365
365
  <div
366
- class="pf-v5-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
366
+ class="pf-v6-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
367
367
  >
368
- <div class="pf-v5-c-card pf-m-plain">
369
- <div class="pf-v5-c-card__body">
368
+ <div class="pf-v6-c-card pf-m-plain">
369
+ <div class="pf-v6-c-card__body">
370
370
  <div
371
- class="pf-v5-l-flex pf-m-column pf-v5-u-h-100 pf-m-space-items-sm"
371
+ class="pf-v6-l-flex pf-m-column pf-v6-u-h-100 pf-m-space-items-sm"
372
372
  >
373
373
  <div
374
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
374
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
375
375
  >
376
- <div class="pf-v5-c-label-group">
377
- <div class="pf-v5-c-label-group__main">
376
+ <div class="pf-v6-c-label-group">
377
+ <div class="pf-v6-c-label-group__main">
378
378
  <ul
379
- class="pf-v5-c-label-group__list"
379
+ class="pf-v6-c-label-group__list"
380
380
  role="list"
381
381
  aria-label="Group of labels"
382
382
  >
383
- <li class="pf-v5-c-label-group__list-item">
383
+ <li class="pf-v6-c-label-group__list-item">
384
384
  <span
385
- class="pf-v5-c-label pf-m-outline pf-m-blue"
385
+ class="pf-v6-c-label pf-m-outline pf-m-blue"
386
386
  >
387
- <span class="pf-v5-c-label__content">
388
- <span class="pf-v5-c-label__icon">
387
+ <span class="pf-v6-c-label__content">
388
+ <span class="pf-v6-c-label__icon">
389
389
  <i
390
390
  class="pf-v5-pficon pf-v5-pficon-port"
391
391
  aria-hidden="true"
392
392
  ></i>
393
393
  </span>
394
394
  <span
395
- class="pf-v5-c-label__text"
395
+ class="pf-v6-c-label__text"
396
396
  >Performance</span>
397
397
  </span>
398
398
  </span>
@@ -402,93 +402,93 @@ cssPrefix: pf-d-dashboard
402
402
  </div>
403
403
  <a href="#">378 systems</a>
404
404
  </div>
405
- <div class="pf-v5-l-flex__item pf-m-spacer-md">
405
+ <div class="pf-v6-l-flex__item pf-m-spacer-md">
406
406
  <p>Upgrade your kernel version to remediate ntpd time sync issues, kernel panics, network instabilities and issues with system performance</p>
407
407
  </div>
408
408
  <div
409
- class="pf-v5-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
409
+ class="pf-v6-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
410
410
  style="row-gap: var(--pf-v5-global--spacer--md);"
411
411
  >
412
412
  <div
413
- class="pf-v5-l-flex__item"
413
+ class="pf-v6-l-flex__item"
414
414
  style="margin-block-end: -.25em"
415
415
  >
416
- <span class="pf-v5-c-label pf-m-red">
417
- <span class="pf-v5-c-label__content">
418
- <span class="pf-v5-c-label__text">Incident</span>
416
+ <span class="pf-v6-c-label pf-m-red">
417
+ <span class="pf-v6-c-label__content">
418
+ <span class="pf-v6-c-label__text">Incident</span>
419
419
  </span>
420
420
  </span>
421
421
  </div>
422
422
  <div
423
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
423
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
424
424
  style="row-gap: var(--pf-v5-global--spacer--md);"
425
425
  >
426
426
  <i
427
- class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-color-400"
427
+ class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-color-400"
428
428
  style="line-height: 1"
429
429
  aria-hidden="true"
430
430
  ></i>
431
- <p class="pf-v5-u-color-200">
431
+ <p class="pf-v6-u-color-200">
432
432
  System reboot
433
- <b class="pf-v5-u-color-100">is not</b> required
433
+ <b class="pf-v6-u-color-100">is not</b> required
434
434
  </p>
435
435
  </div>
436
436
  </div>
437
437
  </div>
438
438
  </div>
439
- <div class="pf-v5-c-card__footer">
440
- <a class="pf-v5-c-button pf-m-link pf-m-inline" href="#">
439
+ <div class="pf-v6-c-card__footer">
440
+ <a class="pf-v6-c-button pf-m-link pf-m-inline" href="#">
441
441
  View pathway
442
- <span class="pf-v5-c-button__icon pf-m-end">
442
+ <span class="pf-v6-c-button__icon pf-m-end">
443
443
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
444
444
  </span>
445
445
  </a>
446
446
  </div>
447
447
  </div>
448
448
  </div>
449
- <hr class="pf-v5-c-divider pf-m-vertical-on-md pf-m-inset-3xl" />
449
+ <hr class="pf-v6-c-divider pf-m-vertical-on-md pf-m-inset-3xl" />
450
450
  <div
451
- class="pf-v5-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
451
+ class="pf-v6-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
452
452
  >
453
- <div class="pf-v5-c-card pf-m-plain">
454
- <div class="pf-v5-c-card__body">
453
+ <div class="pf-v6-c-card pf-m-plain">
454
+ <div class="pf-v6-c-card__body">
455
455
  <div
456
- class="pf-v5-l-flex pf-m-column pf-v5-u-h-100 pf-m-space-items-sm"
456
+ class="pf-v6-l-flex pf-m-column pf-v6-u-h-100 pf-m-space-items-sm"
457
457
  >
458
458
  <div
459
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
459
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
460
460
  >
461
- <div class="pf-v5-c-label-group">
462
- <div class="pf-v5-c-label-group__main">
461
+ <div class="pf-v6-c-label-group">
462
+ <div class="pf-v6-c-label-group__main">
463
463
  <ul
464
- class="pf-v5-c-label-group__list"
464
+ class="pf-v6-c-label-group__list"
465
465
  role="list"
466
466
  aria-label="Group of labels"
467
467
  >
468
- <li class="pf-v5-c-label-group__list-item">
468
+ <li class="pf-v6-c-label-group__list-item">
469
469
  <span
470
- class="pf-v5-c-label pf-m-outline pf-m-blue"
470
+ class="pf-v6-c-label pf-m-outline pf-m-blue"
471
471
  >
472
- <span class="pf-v5-c-label__content">
473
- <span class="pf-v5-c-label__icon">
472
+ <span class="pf-v6-c-label__content">
473
+ <span class="pf-v6-c-label__icon">
474
474
  <i
475
475
  class="fas fa-cube"
476
476
  aria-hidden="true"
477
477
  ></i>
478
478
  </span>
479
479
  <span
480
- class="pf-v5-c-label__text"
480
+ class="pf-v6-c-label__text"
481
481
  >Stablility</span>
482
482
  </span>
483
483
  </span>
484
484
  </li>
485
- <li class="pf-v5-c-label-group__list-item">
485
+ <li class="pf-v6-c-label-group__list-item">
486
486
  <button
487
- class="pf-v5-c-label pf-m-overflow"
487
+ class="pf-v6-c-label pf-m-overflow"
488
488
  type="button"
489
489
  >
490
- <span class="pf-v5-c-label__content">
491
- <span class="pf-v5-c-label__text">1 more</span>
490
+ <span class="pf-v6-c-label__content">
491
+ <span class="pf-v6-c-label__text">1 more</span>
492
492
  </span>
493
493
  </button>
494
494
  </li>
@@ -497,72 +497,72 @@ cssPrefix: pf-d-dashboard
497
497
  </div>
498
498
  <a href="#">211 systems</a>
499
499
  </div>
500
- <div class="pf-v5-l-flex__item pf-m-spacer-md">
500
+ <div class="pf-v6-l-flex__item pf-m-spacer-md">
501
501
  <p>Adjust your networking configuration to get ahead of network perfomance degradations and packet losses</p>
502
502
  </div>
503
503
  <div
504
- class="pf-v5-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
504
+ class="pf-v6-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
505
505
  style="row-gap: var(--pf-v5-global--spacer--md);"
506
506
  >
507
507
  <div
508
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
508
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
509
509
  style="row-gap: var(--pf-v5-global--spacer--md);"
510
510
  >
511
511
  <i
512
- class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-danger-color-100"
512
+ class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-danger-color-100"
513
513
  style="line-height: 1"
514
514
  aria-hidden="true"
515
515
  ></i>
516
- <p class="pf-v5-u-color-200">
516
+ <p class="pf-v6-u-color-200">
517
517
  System reboot
518
- <b class="pf-v5-u-color-100">is</b> required
518
+ <b class="pf-v6-u-color-100">is</b> required
519
519
  </p>
520
520
  </div>
521
521
  </div>
522
522
  </div>
523
523
  </div>
524
- <div class="pf-v5-c-card__footer">
525
- <a class="pf-v5-c-button pf-m-link pf-m-inline" href="#">
524
+ <div class="pf-v6-c-card__footer">
525
+ <a class="pf-v6-c-button pf-m-link pf-m-inline" href="#">
526
526
  View pathway
527
- <span class="pf-v5-c-button__icon pf-m-end">
527
+ <span class="pf-v6-c-button__icon pf-m-end">
528
528
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
529
529
  </span>
530
530
  </a>
531
531
  </div>
532
532
  </div>
533
533
  </div>
534
- <hr class="pf-v5-c-divider pf-m-vertical-on-md pf-m-inset-3xl" />
534
+ <hr class="pf-v6-c-divider pf-m-vertical-on-md pf-m-inset-3xl" />
535
535
  <div
536
- class="pf-v5-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
536
+ class="pf-v6-l-flex pf-m-flex-1 pf-m-align-self-stretch pf-m-align-items-stretch"
537
537
  >
538
- <div class="pf-v5-c-card pf-m-plain">
539
- <div class="pf-v5-c-card__body">
538
+ <div class="pf-v6-c-card pf-m-plain">
539
+ <div class="pf-v6-c-card__body">
540
540
  <div
541
- class="pf-v5-l-flex pf-m-column pf-v5-u-h-100 pf-m-space-items-sm"
541
+ class="pf-v6-l-flex pf-m-column pf-v6-u-h-100 pf-m-space-items-sm"
542
542
  >
543
543
  <div
544
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
544
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-column-on-md pf-m-row-on-lg pf-m-spacer-md-on-md pf-m-spacer-sm-on-lg"
545
545
  >
546
- <div class="pf-v5-c-label-group">
547
- <div class="pf-v5-c-label-group__main">
546
+ <div class="pf-v6-c-label-group">
547
+ <div class="pf-v6-c-label-group__main">
548
548
  <ul
549
- class="pf-v5-c-label-group__list"
549
+ class="pf-v6-c-label-group__list"
550
550
  role="list"
551
551
  aria-label="Group of labels"
552
552
  >
553
- <li class="pf-v5-c-label-group__list-item">
553
+ <li class="pf-v6-c-label-group__list-item">
554
554
  <span
555
- class="pf-v5-c-label pf-m-outline pf-m-blue"
555
+ class="pf-v6-c-label pf-m-outline pf-m-blue"
556
556
  >
557
- <span class="pf-v5-c-label__content">
558
- <span class="pf-v5-c-label__icon">
557
+ <span class="pf-v6-c-label__content">
558
+ <span class="pf-v6-c-label__icon">
559
559
  <i
560
560
  class="pf-v5-pficon pf-v5-pficon-automation"
561
561
  aria-hidden="true"
562
562
  ></i>
563
563
  </span>
564
564
  <span
565
- class="pf-v5-c-label__text"
565
+ class="pf-v6-c-label__text"
566
566
  >Availability</span>
567
567
  </span>
568
568
  </span>
@@ -572,44 +572,44 @@ cssPrefix: pf-d-dashboard
572
572
  </div>
573
573
  <a href="#">166 systems</a>
574
574
  </div>
575
- <div class="pf-v5-l-flex__item pf-m-spacer-md">
575
+ <div class="pf-v6-l-flex__item pf-m-spacer-md">
576
576
  <p>Fine tune your Oracle DB configuration to improve database performance and avoid process failure</p>
577
577
  </div>
578
578
  <div
579
- class="pf-v5-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
579
+ class="pf-v6-l-flex pf-m-grow pf-m-column pf-m-row-on-lg pf-m-justify-content-flex-end pf-m-justify-content-flex-start-on-lg pf-m-align-content-flex-end-on-lg"
580
580
  style="row-gap: var(--pf-v5-global--spacer--md);"
581
581
  >
582
582
  <div
583
- class="pf-v5-l-flex__item"
583
+ class="pf-v6-l-flex__item"
584
584
  style="margin-block-end: -.25em"
585
585
  >
586
- <span class="pf-v5-c-label pf-m-red">
587
- <span class="pf-v5-c-label__content">
588
- <span class="pf-v5-c-label__text">Incident</span>
586
+ <span class="pf-v6-c-label pf-m-red">
587
+ <span class="pf-v6-c-label__content">
588
+ <span class="pf-v6-c-label__text">Incident</span>
589
589
  </span>
590
590
  </span>
591
591
  </div>
592
592
  <div
593
- class="pf-v5-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
593
+ class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center pf-m-nowrap"
594
594
  style="row-gap: var(--pf-v5-global--spacer--md);"
595
595
  >
596
596
  <i
597
- class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-color-400"
597
+ class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-color-400"
598
598
  style="line-height: 1"
599
599
  aria-hidden="true"
600
600
  ></i>
601
- <p class="pf-v5-u-color-200">
601
+ <p class="pf-v6-u-color-200">
602
602
  System reboot
603
- <b class="pf-v5-u-color-100">is not</b> required
603
+ <b class="pf-v6-u-color-100">is not</b> required
604
604
  </p>
605
605
  </div>
606
606
  </div>
607
607
  </div>
608
608
  </div>
609
- <div class="pf-v5-c-card__footer">
610
- <a class="pf-v5-c-button pf-m-link pf-m-inline" href="#">
609
+ <div class="pf-v6-c-card__footer">
610
+ <a class="pf-v6-c-button pf-m-link pf-m-inline" href="#">
611
611
  View pathway
612
- <span class="pf-v5-c-button__icon pf-m-end">
612
+ <span class="pf-v6-c-button__icon pf-m-end">
613
613
  <i class="fas fa-arrow-right" aria-hidden="true"></i>
614
614
  </span>
615
615
  </a>
@@ -620,216 +620,216 @@ cssPrefix: pf-d-dashboard
620
620
  </div>
621
621
  </div>
622
622
  <div
623
- class="pf-v5-l-grid__item pf-m-gutter pf-m-4-col-on-lg pf-m-6-col-on-2xl"
623
+ class="pf-v6-l-grid__item pf-m-gutter pf-m-4-col-on-lg pf-m-6-col-on-2xl"
624
624
  style="--pf-v5-l-grid--item--Order-on-lg:3"
625
625
  >
626
- <div class="pf-v5-l-flex pf-m-column">
626
+ <div class="pf-v6-l-flex pf-m-column">
627
627
  <div
628
- class="pf-v5-c-card pf-m-expanded"
628
+ class="pf-v6-c-card pf-m-expanded"
629
629
  id="dashboard-demo-status-card-1"
630
630
  >
631
- <div class="pf-v5-c-card__header">
632
- <h2 class="pf-v5-c-title pf-m-xl">Status</h2>
631
+ <div class="pf-v6-c-card__header">
632
+ <h2 class="pf-v6-c-title pf-m-xl">Status</h2>
633
633
  </div>
634
- <div class="pf-v5-c-card__body">
634
+ <div class="pf-v6-c-card__body">
635
635
  <div
636
- class="pf-v5-l-gallery pf-m-gutter"
636
+ class="pf-v6-l-gallery pf-m-gutter"
637
637
  style="--pf-v5-l-gallery--GridTemplateColumns--min: 100%; --pf-v5-l-gallery--GridTemplateColumns--min-on-sm: 180px; --pf-v5-l-gallery--GridTemplateColumns--min-on-lg: 150px; --pf-v5-l-gallery--GridTemplateColumns--max-on-sm: 1fr;"
638
638
  >
639
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
640
- <div class="pf-v5-l-flex__item">
639
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
640
+ <div class="pf-v6-l-flex__item">
641
641
  <i
642
- class="fas fa-check-circle pf-v5-u-success-color-100"
642
+ class="fas fa-check-circle pf-v6-u-success-color-100"
643
643
  aria-hidden="true"
644
644
  ></i>
645
645
  </div>
646
- <div class="pf-v5-l-flex__item">
646
+ <div class="pf-v6-l-flex__item">
647
647
  <span>Cluster</span>
648
648
  </div>
649
649
  </div>
650
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
651
- <div class="pf-v5-l-flex__item">
650
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
651
+ <div class="pf-v6-l-flex__item">
652
652
  <i
653
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
653
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
654
654
  aria-hidden="true"
655
655
  ></i>
656
656
  </div>
657
- <div class="pf-v5-l-flex__item pf-v5-u-text-nowrap">
657
+ <div class="pf-v6-l-flex__item pf-v5-u-text-nowrap">
658
658
  <span class="popover-parent">
659
659
  <a href="#">Control Panel</a>
660
660
  </span>
661
661
  </div>
662
662
  </div>
663
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
664
- <div class="pf-v5-l-flex__item pf-v5-u-text-nowrap">
663
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
664
+ <div class="pf-v6-l-flex__item pf-v5-u-text-nowrap">
665
665
  <i
666
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
666
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
667
667
  aria-hidden="true"
668
668
  ></i>
669
669
  </div>
670
670
  <div
671
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none"
671
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
672
672
  >
673
- <div class="pf-v5-l-flex__item">
673
+ <div class="pf-v6-l-flex__item">
674
674
  <a href="#">Operators</a>
675
675
  </div>
676
- <div class="pf-v5-l-flex__item">
676
+ <div class="pf-v6-l-flex__item">
677
677
  <span class="pf-v5-u-color-200">1 degraged</span>
678
678
  </div>
679
679
  </div>
680
680
  </div>
681
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
682
- <div class="pf-v5-l-flex__item">
681
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
682
+ <div class="pf-v6-l-flex__item">
683
683
  <i
684
- class="fas fa-check-circle pf-v5-u-success-color-100"
684
+ class="fas fa-check-circle pf-v6-u-success-color-100"
685
685
  aria-hidden="true"
686
686
  ></i>
687
687
  </div>
688
688
  <div
689
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none"
689
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
690
690
  >
691
- <div class="pf-v5-l-flex__item">
691
+ <div class="pf-v6-l-flex__item">
692
692
  <a href="#">Image Vulnerabilities</a>
693
693
  </div>
694
- <div class="pf-v5-l-flex__item">
695
- <span class="pf-v5-u-color-200">0 vulnerabilities</span>
694
+ <div class="pf-v6-l-flex__item">
695
+ <span class="pf-v6-u-color-200">0 vulnerabilities</span>
696
696
  </div>
697
697
  </div>
698
698
  </div>
699
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
700
- <div class="pf-v5-l-flex__item">
699
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
700
+ <div class="pf-v6-l-flex__item">
701
701
  <i
702
- class="fas fa-check-circle pf-v5-u-success-color-100"
702
+ class="fas fa-check-circle pf-v6-u-success-color-100"
703
703
  aria-hidden="true"
704
704
  ></i>
705
705
  </div>
706
706
  <div
707
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none"
707
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
708
708
  >
709
- <div class="pf-v5-l-flex__item">
709
+ <div class="pf-v6-l-flex__item">
710
710
  <a href="#">Storage</a>
711
711
  </div>
712
- <div class="pf-v5-l-flex__item">
713
- <span class="pf-v5-u-color-200">Degraded</span>
712
+ <div class="pf-v6-l-flex__item">
713
+ <span class="pf-v6-u-color-200">Degraded</span>
714
714
  </div>
715
715
  </div>
716
716
  </div>
717
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
718
- <div class="pf-v5-l-flex__item">
717
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
718
+ <div class="pf-v6-l-flex__item">
719
719
  <i
720
- class="fas fa-check-circle pf-v5-u-success-color-100"
720
+ class="fas fa-check-circle pf-v6-u-success-color-100"
721
721
  aria-hidden="true"
722
722
  ></i>
723
723
  </div>
724
724
  <div
725
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none"
725
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
726
726
  >
727
- <div class="pf-v5-l-flex__item">
727
+ <div class="pf-v6-l-flex__item">
728
728
  <a href="#">Hardware</a>
729
729
  </div>
730
730
  </div>
731
731
  </div>
732
- <div class="pf-v5-l-flex pf-m-space-items-sm pf-m-nowrap">
733
- <div class="pf-v5-l-flex__item">
732
+ <div class="pf-v6-l-flex pf-m-space-items-sm pf-m-nowrap">
733
+ <div class="pf-v6-l-flex__item">
734
734
  <i
735
- class="fas fa-check-circle pf-v5-u-success-color-100"
735
+ class="fas fa-check-circle pf-v6-u-success-color-100"
736
736
  aria-hidden="true"
737
737
  ></i>
738
738
  </div>
739
739
  <div
740
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none"
740
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none"
741
741
  >
742
- <div class="pf-v5-l-flex__item">
742
+ <div class="pf-v6-l-flex__item">
743
743
  <a href="#">Insights</a>
744
744
  </div>
745
745
  </div>
746
746
  </div>
747
747
  </div>
748
748
  </div>
749
- <hr class="pf-v5-c-divider" />
750
- <div class="pf-v5-c-notification-drawer">
751
- <div class="pf-v5-c-notification-drawer__body">
752
- <section class="pf-v5-c-notification-drawer__group">
749
+ <hr class="pf-v6-c-divider" />
750
+ <div class="pf-v6-c-notification-drawer">
751
+ <div class="pf-v6-c-notification-drawer__body">
752
+ <section class="pf-v6-c-notification-drawer__group">
753
753
  <button
754
- class="pf-v5-c-notification-drawer__group-toggle"
754
+ class="pf-v6-c-notification-drawer__group-toggle"
755
755
  aria-expanded="false"
756
756
  >
757
757
  <div
758
- class="pf-v5-c-notification-drawer__group-toggle-title"
758
+ class="pf-v6-c-notification-drawer__group-toggle-title"
759
759
  >
760
- <div class="pf-v5-l-flex">
760
+ <div class="pf-v6-l-flex">
761
761
  <div
762
- class="pf-v5-l-flex__item pf-m-spacer-md"
762
+ class="pf-v6-l-flex__item pf-m-spacer-md"
763
763
  >Notifications</div>
764
- <div class="pf-v5-c-label-group">
765
- <div class="pf-v5-c-label-group__main">
764
+ <div class="pf-v6-c-label-group">
765
+ <div class="pf-v6-c-label-group__main">
766
766
  <ul
767
- class="pf-v5-c-label-group__list"
767
+ class="pf-v6-c-label-group__list"
768
768
  role="list"
769
769
  aria-label="Group of labels"
770
770
  >
771
- <li class="pf-v5-c-label-group__list-item">
772
- <span class="pf-v5-c-label pf-m-red">
773
- <span class="pf-v5-c-label__content">
774
- <span class="pf-v5-c-label__icon">
771
+ <li class="pf-v6-c-label-group__list-item">
772
+ <span class="pf-v6-c-label pf-m-red">
773
+ <span class="pf-v6-c-label__content">
774
+ <span class="pf-v6-c-label__icon">
775
775
  <i
776
776
  class="fas fa-fw fa-exclamation-circle"
777
777
  aria-hidden="true"
778
778
  ></i>
779
779
  </span>
780
- <span class="pf-v5-c-label__text">1</span>
780
+ <span class="pf-v6-c-label__text">1</span>
781
781
  </span>
782
782
  </span>
783
783
  </li>
784
- <li class="pf-v5-c-label-group__list-item">
785
- <span class="pf-v5-c-label pf-m-orange">
786
- <span class="pf-v5-c-label__content">
787
- <span class="pf-v5-c-label__icon">
784
+ <li class="pf-v6-c-label-group__list-item">
785
+ <span class="pf-v6-c-label pf-m-orange">
786
+ <span class="pf-v6-c-label__content">
787
+ <span class="pf-v6-c-label__icon">
788
788
  <i
789
789
  class="fas fa-fw fa-exclamation-circle"
790
790
  aria-hidden="true"
791
791
  ></i>
792
792
  </span>
793
- <span class="pf-v5-c-label__text">1</span>
793
+ <span class="pf-v6-c-label__text">1</span>
794
794
  </span>
795
795
  </span>
796
796
  </li>
797
- <li class="pf-v5-c-label-group__list-item">
798
- <span class="pf-v5-c-label pf-m-green">
799
- <span class="pf-v5-c-label__content">
800
- <span class="pf-v5-c-label__icon">
797
+ <li class="pf-v6-c-label-group__list-item">
798
+ <span class="pf-v6-c-label pf-m-green">
799
+ <span class="pf-v6-c-label__content">
800
+ <span class="pf-v6-c-label__icon">
801
801
  <i
802
802
  class="fas fa-fw fa-check-circle"
803
803
  aria-hidden="true"
804
804
  ></i>
805
805
  </span>
806
- <span class="pf-v5-c-label__text">3</span>
806
+ <span class="pf-v6-c-label__text">3</span>
807
807
  </span>
808
808
  </span>
809
809
  </li>
810
- <li class="pf-v5-c-label-group__list-item">
811
- <span class="pf-v5-c-label pf-m-blue">
812
- <span class="pf-v5-c-label__content">
813
- <span class="pf-v5-c-label__icon">
810
+ <li class="pf-v6-c-label-group__list-item">
811
+ <span class="pf-v6-c-label pf-m-blue">
812
+ <span class="pf-v6-c-label__content">
813
+ <span class="pf-v6-c-label__icon">
814
814
  <i
815
815
  class="fas fa-fw fa-info-circle"
816
816
  aria-hidden="true"
817
817
  ></i>
818
818
  </span>
819
- <span class="pf-v5-c-label__text">3</span>
819
+ <span class="pf-v6-c-label__text">3</span>
820
820
  </span>
821
821
  </span>
822
822
  </li>
823
- <li class="pf-v5-c-label-group__list-item">
824
- <span class="pf-v5-c-label pf-m-cyan">
825
- <span class="pf-v5-c-label__content">
826
- <span class="pf-v5-c-label__icon">
823
+ <li class="pf-v6-c-label-group__list-item">
824
+ <span class="pf-v6-c-label pf-m-cyan">
825
+ <span class="pf-v6-c-label__content">
826
+ <span class="pf-v6-c-label__icon">
827
827
  <i
828
828
  class="fas fa-fw fa-bell"
829
829
  aria-hidden="true"
830
830
  ></i>
831
831
  </span>
832
- <span class="pf-v5-c-label__text">3</span>
832
+ <span class="pf-v6-c-label__text">3</span>
833
833
  </span>
834
834
  </span>
835
835
  </li>
@@ -839,25 +839,25 @@ cssPrefix: pf-d-dashboard
839
839
  </div>
840
840
  </div>
841
841
  <span
842
- class="pf-v5-c-notification-drawer__group-toggle-icon"
842
+ class="pf-v6-c-notification-drawer__group-toggle-icon"
843
843
  >
844
844
  <i class="fas fa-angle-right" aria-hidden="true"></i>
845
845
  </span>
846
846
  </button>
847
847
  <ul
848
- class="pf-v5-c-notification-drawer__list"
848
+ class="pf-v6-c-notification-drawer__list"
849
849
  role="list"
850
850
  hidden
851
851
  >
852
852
  <li
853
- class="pf-v5-c-notification-drawer__list-item pf-m-hoverable pf-m-danger"
853
+ class="pf-v6-c-notification-drawer__list-item pf-m-hoverable pf-m-danger"
854
854
  tabindex="0"
855
855
  >
856
856
  <div
857
- class="pf-v5-c-notification-drawer__list-item-header"
857
+ class="pf-v6-c-notification-drawer__list-item-header"
858
858
  >
859
859
  <span
860
- class="pf-v5-c-notification-drawer__list-item-header-icon"
860
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
861
861
  >
862
862
  <i
863
863
  class="fas fa-exclamation-circle"
@@ -865,27 +865,27 @@ cssPrefix: pf-d-dashboard
865
865
  ></i>
866
866
  </span>
867
867
  <h2
868
- class="pf-v5-c-notification-drawer__list-item-header-title pf-v5-u-danger-color-200"
868
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-danger-color-200"
869
869
  >
870
870
  <span
871
- class="pf-v5-screen-reader"
871
+ class="pf-v6-screen-reader"
872
872
  >Danger notification:</span>
873
873
  Critical alert regarding control plane
874
874
  </h2>
875
875
  </div>
876
876
  <div
877
- class="pf-v5-c-notification-drawer__list-item-description"
877
+ class="pf-v6-c-notification-drawer__list-item-description"
878
878
  >This is a long description to show how the title will wrap if it is long and wraps to multiple lines.</div>
879
879
  </li>
880
880
  <li
881
- class="pf-v5-c-notification-drawer__list-item pf-m-hoverable pf-m-warning"
881
+ class="pf-v6-c-notification-drawer__list-item pf-m-hoverable pf-m-warning"
882
882
  tabindex="0"
883
883
  >
884
884
  <div
885
- class="pf-v5-c-notification-drawer__list-item-header"
885
+ class="pf-v6-c-notification-drawer__list-item-header"
886
886
  >
887
887
  <span
888
- class="pf-v5-c-notification-drawer__list-item-header-icon"
888
+ class="pf-v6-c-notification-drawer__list-item-header-icon"
889
889
  >
890
890
  <i
891
891
  class="fas fa-exclamation-triangle"
@@ -893,16 +893,16 @@ cssPrefix: pf-d-dashboard
893
893
  ></i>
894
894
  </span>
895
895
  <h2
896
- class="pf-v5-c-notification-drawer__list-item-header-title pf-v5-u-warning-color-200"
896
+ class="pf-v6-c-notification-drawer__list-item-header-title pf-v5-u-warning-color-200"
897
897
  >
898
898
  <span
899
- class="pf-v5-screen-reader"
899
+ class="pf-v6-screen-reader"
900
900
  >Warning notification:</span>
901
901
  Warning alert
902
902
  </h2>
903
903
  </div>
904
904
  <div
905
- class="pf-v5-c-notification-drawer__list-item-description"
905
+ class="pf-v6-c-notification-drawer__list-item-description"
906
906
  >This is a warning notification description.</div>
907
907
  </li>
908
908
  </ul>
@@ -911,70 +911,70 @@ cssPrefix: pf-d-dashboard
911
911
  </div>
912
912
  </div>
913
913
  <!-- inventory -->
914
- <div class="pf-v5-c-card" id="dashboard-demo-line-chart-card-1">
915
- <div class="pf-v5-c-card__header">
916
- <div class="pf-v5-c-card__actions pf-m-no-offset">
917
- <div class="pf-v5-c-select">
914
+ <div class="pf-v6-c-card" id="dashboard-demo-line-chart-card-1">
915
+ <div class="pf-v6-c-card__header">
916
+ <div class="pf-v6-c-card__actions pf-m-no-offset">
917
+ <div class="pf-v6-c-select">
918
918
  <span
919
919
  id="dashboard-demo-line-chart-card-1-select-dropdown-label"
920
920
  hidden
921
921
  >Choose one</span>
922
922
 
923
923
  <button
924
- class="pf-v5-c-select__toggle pf-m-plain"
924
+ class="pf-v6-c-select__toggle pf-m-plain"
925
925
  type="button"
926
926
  id="dashboard-demo-line-chart-card-1-select-dropdown-toggle"
927
927
  aria-haspopup="true"
928
928
  aria-expanded="false"
929
929
  aria-labelledby="dashboard-demo-line-chart-card-1-select-dropdown-label dashboard-demo-line-chart-card-1-select-dropdown-toggle"
930
930
  >
931
- <div class="pf-v5-c-select__toggle-wrapper">
932
- <span class="pf-v5-c-select__toggle-text">24 hours</span>
931
+ <div class="pf-v6-c-select__toggle-wrapper">
932
+ <span class="pf-v6-c-select__toggle-text">24 hours</span>
933
933
  </div>
934
- <span class="pf-v5-c-select__toggle-arrow">
934
+ <span class="pf-v6-c-select__toggle-arrow">
935
935
  <i class="fas fa-caret-down" aria-hidden="true"></i>
936
936
  </span>
937
937
  </button>
938
938
 
939
939
  <ul
940
- class="pf-v5-c-select__menu pf-m-align-right"
940
+ class="pf-v6-c-select__menu pf-m-align-right"
941
941
  role="listbox"
942
942
  aria-labelledby="dashboard-demo-line-chart-card-1-select-dropdown-label"
943
943
  hidden
944
944
  >
945
945
  <li role="presentation">
946
946
  <button
947
- class="pf-v5-c-select__menu-item"
947
+ class="pf-v6-c-select__menu-item"
948
948
  role="option"
949
949
  >Running</button>
950
950
  </li>
951
951
  <li role="presentation">
952
952
  <button
953
- class="pf-v5-c-select__menu-item pf-m-selected"
953
+ class="pf-v6-c-select__menu-item pf-m-selected"
954
954
  role="option"
955
955
  aria-selected="true"
956
956
  >
957
957
  Stopped
958
- <span class="pf-v5-c-select__menu-item-icon">
958
+ <span class="pf-v6-c-select__menu-item-icon">
959
959
  <i class="fas fa-check" aria-hidden="true"></i>
960
960
  </span>
961
961
  </button>
962
962
  </li>
963
963
  <li role="presentation">
964
964
  <button
965
- class="pf-v5-c-select__menu-item"
965
+ class="pf-v6-c-select__menu-item"
966
966
  role="option"
967
967
  >Down</button>
968
968
  </li>
969
969
  <li role="presentation">
970
970
  <button
971
- class="pf-v5-c-select__menu-item"
971
+ class="pf-v6-c-select__menu-item"
972
972
  role="option"
973
973
  >Degraded</button>
974
974
  </li>
975
975
  <li role="presentation">
976
976
  <button
977
- class="pf-v5-c-select__menu-item"
977
+ class="pf-v6-c-select__menu-item"
978
978
  role="option"
979
979
  >Needs maintenance</button>
980
980
  </li>
@@ -982,68 +982,68 @@ cssPrefix: pf-d-dashboard
982
982
  </div>
983
983
  </div>
984
984
  <div
985
- class="pf-v5-c-card__title"
985
+ class="pf-v6-c-card__title"
986
986
  id="dashboard-demo-line-chart-card-1-title"
987
987
  >
988
- <h2 class="pf-v5-c-title pf-m-xl">Cluster utilizations</h2>
988
+ <h2 class="pf-v6-c-title pf-m-xl">Cluster utilizations</h2>
989
989
  </div>
990
990
  </div>
991
991
  <div
992
- class="pf-v5-c-card pf-m-plain pf-m-expanded"
992
+ class="pf-v6-c-card pf-m-plain pf-m-expanded"
993
993
  id="dashboard-demo-line-chart-card-1-group-1"
994
994
  >
995
- <div class="pf-v5-c-card__header pf-m-toggle-right">
996
- <div class="pf-v5-c-card__header-toggle">
995
+ <div class="pf-v6-c-card__header pf-m-toggle-right">
996
+ <div class="pf-v6-c-card__header-toggle">
997
997
  <button
998
- class="pf-v5-c-button pf-m-plain"
998
+ class="pf-v6-c-button pf-m-plain"
999
999
  type="button"
1000
1000
  aria-label="Details"
1001
1001
  id="dashboard-demo-line-chart-card-1-group-1-toggle"
1002
1002
  aria-labelledby="dashboard-demo-line-chart-card-1-group-1-title dashboard-demo-line-chart-card-1-group-1-toggle"
1003
1003
  >
1004
- <span class="pf-v5-c-card__header-toggle-icon">
1004
+ <span class="pf-v6-c-card__header-toggle-icon">
1005
1005
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1006
1006
  </span>
1007
1007
  </button>
1008
1008
  </div>
1009
- <div class="pf-v5-c-card__title">
1009
+ <div class="pf-v6-c-card__title">
1010
1010
  <h2
1011
- class="pf-v5-c-card__title-text"
1011
+ class="pf-v6-c-card__title-text"
1012
1012
  id="dashboard-demo-line-chart-card-1-group-1-title"
1013
1013
  >CPU 1</h2>
1014
1014
  </div>
1015
1015
  </div>
1016
- <div class="pf-v5-c-card__expandable-content">
1017
- <div class="pf-v5-c-card__body">
1018
- <div class="pf-v5-l-grid pf-m-gutter">
1019
- <div class="pf-v5-l-grid pf-m-gutter">
1020
- <div class="pf-v5-l-grid__item pf-m-4-col-on-md">
1016
+ <div class="pf-v6-c-card__expandable-content">
1017
+ <div class="pf-v6-c-card__body">
1018
+ <div class="pf-v6-l-grid pf-m-gutter">
1019
+ <div class="pf-v6-l-grid pf-m-gutter">
1020
+ <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
1021
1021
  <div
1022
- class="pf-v5-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
1022
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
1023
1023
  >
1024
- <div class="pf-v5-l-flex__item">
1024
+ <div class="pf-v6-l-flex__item">
1025
1025
  <b>Temperature</b>
1026
1026
  </div>
1027
1027
  <hr
1028
- class="pf-v5-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
1028
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
1029
1029
  />
1030
- <div class="pf-v5-l-flex__item">
1030
+ <div class="pf-v6-l-flex__item">
1031
1031
  <span>64C</span>
1032
1032
  </div>
1033
1033
  </div>
1034
1034
  </div>
1035
- <div class="pf-v5-l-grid__item pf-m-8-col-on-md">
1036
- <div class="pf-v5-l-grid pf-m-gutter">
1037
- <div class="pf-v5-l-grid__item pf-m-2-col">
1035
+ <div class="pf-v6-l-grid__item pf-m-8-col-on-md">
1036
+ <div class="pf-v6-l-grid pf-m-gutter">
1037
+ <div class="pf-v6-l-grid__item pf-m-2-col">
1038
1038
  <div
1039
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none pf-m-align-items-flex-end-on-md"
1039
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none pf-m-align-items-flex-end-on-md"
1040
1040
  >
1041
- <div class="pf-v5-l-flex__item">100C</div>
1042
- <div class="pf-v5-l-flex__item">50C</div>
1043
- <div class="pf-v5-l-flex__item">0C</div>
1041
+ <div class="pf-v6-l-flex__item">100C</div>
1042
+ <div class="pf-v6-l-flex__item">50C</div>
1043
+ <div class="pf-v6-l-flex__item">0C</div>
1044
1044
  </div>
1045
1045
  </div>
1046
- <div class="pf-v5-l-grid__item pf-m-10-col">
1046
+ <div class="pf-v6-l-grid__item pf-m-10-col">
1047
1047
  <div class="ws-chart">
1048
1048
  <img
1049
1049
  src="/assets/images/img_line-chart-2.png"
@@ -1054,35 +1054,35 @@ cssPrefix: pf-d-dashboard
1054
1054
  </div>
1055
1055
  </div>
1056
1056
  </div>
1057
- <hr class="pf-v5-c-divider pf-v5-u-hidden-on-md" />
1058
- <div class="pf-v5-l-grid pf-m-gutter">
1059
- <div class="pf-v5-l-grid__item pf-m-4-col-on-md">
1057
+ <hr class="pf-v6-c-divider pf-v5-u-hidden-on-md" />
1058
+ <div class="pf-v6-l-grid pf-m-gutter">
1059
+ <div class="pf-v6-l-grid__item pf-m-4-col-on-md">
1060
1060
  <div
1061
- class="pf-v5-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
1061
+ class="pf-v6-l-flex pf-m-column-on-md pf-m-space-items-none-on-md pf-m-justify-content-center-on-md pf-v5-u-h-100-on-md"
1062
1062
  >
1063
- <div class="pf-v5-l-flex__item">
1063
+ <div class="pf-v6-l-flex__item">
1064
1064
  <b>Speed</b>
1065
1065
  </div>
1066
1066
  <hr
1067
- class="pf-v5-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
1067
+ class="pf-v6-c-divider pf-m-vertical pf-m-inset-sm pf-v5-u-hidden-on-md"
1068
1068
  />
1069
- <div class="pf-v5-l-flex__item">
1069
+ <div class="pf-v6-l-flex__item">
1070
1070
  <span>2.3Ghz</span>
1071
1071
  </div>
1072
1072
  </div>
1073
1073
  </div>
1074
- <div class="pf-v5-l-grid__item pf-m-8-col-on-md">
1075
- <div class="pf-v5-l-grid pf-m-gutter">
1076
- <div class="pf-v5-l-grid__item pf-m-2-col">
1074
+ <div class="pf-v6-l-grid__item pf-m-8-col-on-md">
1075
+ <div class="pf-v6-l-grid pf-m-gutter">
1076
+ <div class="pf-v6-l-grid__item pf-m-2-col">
1077
1077
  <div
1078
- class="pf-v5-l-flex pf-m-column pf-m-space-items-none pf-m-align-items-flex-end-on-md"
1078
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-none pf-m-align-items-flex-end-on-md"
1079
1079
  >
1080
- <div class="pf-v5-l-flex__item">36hz</div>
1081
- <div class="pf-v5-l-flex__item">1.5Ghz</div>
1082
- <div class="pf-v5-l-flex__item">0Ghz</div>
1080
+ <div class="pf-v6-l-flex__item">36hz</div>
1081
+ <div class="pf-v6-l-flex__item">1.5Ghz</div>
1082
+ <div class="pf-v6-l-flex__item">0Ghz</div>
1083
1083
  </div>
1084
1084
  </div>
1085
- <div class="pf-v5-l-grid__item pf-m-10-col">
1085
+ <div class="pf-v6-l-grid__item pf-m-10-col">
1086
1086
  <div class="ws-chart">
1087
1087
  <img
1088
1088
  src="/assets/images/img_line-chart-2.png"
@@ -1098,216 +1098,216 @@ cssPrefix: pf-d-dashboard
1098
1098
  </div>
1099
1099
  </div>
1100
1100
  <div
1101
- class="pf-v5-c-card pf-m-plain"
1101
+ class="pf-v6-c-card pf-m-plain"
1102
1102
  id="dashboard-demo-line-chart-card-1-group-2"
1103
1103
  >
1104
- <div class="pf-v5-c-card__header pf-m-toggle-right">
1105
- <div class="pf-v5-c-card__header-toggle">
1104
+ <div class="pf-v6-c-card__header pf-m-toggle-right">
1105
+ <div class="pf-v6-c-card__header-toggle">
1106
1106
  <button
1107
- class="pf-v5-c-button pf-m-plain"
1107
+ class="pf-v6-c-button pf-m-plain"
1108
1108
  type="button"
1109
1109
  aria-label="Details"
1110
1110
  id="dashboard-demo-line-chart-card-1-group-2-toggle"
1111
1111
  aria-labelledby="dashboard-demo-line-chart-card-1-group-2-title dashboard-demo-line-chart-card-1-group-2-toggle"
1112
1112
  >
1113
- <span class="pf-v5-c-card__header-toggle-icon">
1113
+ <span class="pf-v6-c-card__header-toggle-icon">
1114
1114
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1115
1115
  </span>
1116
1116
  </button>
1117
1117
  </div>
1118
- <div class="pf-v5-c-card__title">
1118
+ <div class="pf-v6-c-card__title">
1119
1119
  <h2
1120
- class="pf-v5-c-card__title-text"
1120
+ class="pf-v6-c-card__title-text"
1121
1121
  id="dashboard-demo-line-chart-card-1-group-2-title"
1122
1122
  >Pod count</h2>
1123
1123
  </div>
1124
1124
  </div>
1125
1125
  </div>
1126
1126
  <div
1127
- class="pf-v5-c-card pf-m-plain"
1127
+ class="pf-v6-c-card pf-m-plain"
1128
1128
  id="dashboard-demo-line-chart-card-1-group-3"
1129
1129
  >
1130
- <div class="pf-v5-c-card__header pf-m-toggle-right">
1131
- <div class="pf-v5-c-card__header-toggle">
1130
+ <div class="pf-v6-c-card__header pf-m-toggle-right">
1131
+ <div class="pf-v6-c-card__header-toggle">
1132
1132
  <button
1133
- class="pf-v5-c-button pf-m-plain"
1133
+ class="pf-v6-c-button pf-m-plain"
1134
1134
  type="button"
1135
1135
  aria-label="Details"
1136
1136
  id="dashboard-demo-line-chart-card-1-group-3-toggle"
1137
1137
  aria-labelledby="dashboard-demo-line-chart-card-1-group-3-title dashboard-demo-line-chart-card-1-group-3-toggle"
1138
1138
  >
1139
- <span class="pf-v5-c-card__header-toggle-icon">
1139
+ <span class="pf-v6-c-card__header-toggle-icon">
1140
1140
  <i class="fas fa-angle-right" aria-hidden="true"></i>
1141
1141
  </span>
1142
1142
  </button>
1143
1143
  </div>
1144
- <div class="pf-v5-c-card__title">
1144
+ <div class="pf-v6-c-card__title">
1145
1145
  <h2
1146
- class="pf-v5-c-card__title-text"
1146
+ class="pf-v6-c-card__title-text"
1147
1147
  id="dashboard-demo-line-chart-card-1-group-3-title"
1148
1148
  >Memory</h2>
1149
1149
  </div>
1150
1150
  </div>
1151
1151
  </div>
1152
1152
  </div>
1153
- <div class="pf-v5-c-card">
1154
- <div class="pf-v5-c-card__title">
1155
- <h2 class="pf-v5-c-title pf-m-xl">Recomendations by severity</h2>
1153
+ <div class="pf-v6-c-card">
1154
+ <div class="pf-v6-c-card__title">
1155
+ <h2 class="pf-v6-c-title pf-m-xl">Recomendations by severity</h2>
1156
1156
  </div>
1157
- <div class="pf-v5-c-card__body">
1158
- <div class="pf-v5-l-flex pf-m-inline-flex">
1159
- <div class="pf-v5-l-grid pf-m-gutter pf-m-all-3-col">
1157
+ <div class="pf-v6-c-card__body">
1158
+ <div class="pf-v6-l-flex pf-m-inline-flex">
1159
+ <div class="pf-v6-l-grid pf-m-gutter pf-m-all-3-col">
1160
1160
  <div
1161
- class="pf-v5-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1161
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1162
1162
  >
1163
1163
  <span
1164
- class="pf-v5-u-font-size-2xl pf-v5-u-primary-color-100"
1164
+ class="pf-v6-u-font-size-2xl pf-v6-u-primary-color-100"
1165
1165
  >2</span>
1166
- <span class="pf-v5-u-font-color-200">Critical</span>
1166
+ <span class="pf-v6-u-font-color-200">Critical</span>
1167
1167
  </div>
1168
1168
  <div
1169
- class="pf-v5-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1169
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1170
1170
  >
1171
1171
  <span
1172
- class="pf-v5-u-font-size-2xl pf-v5-u-primary-color-100"
1172
+ class="pf-v6-u-font-size-2xl pf-v6-u-primary-color-100"
1173
1173
  >5</span>
1174
- <span class="pf-v5-u-font-color-200">Important</span>
1174
+ <span class="pf-v6-u-font-color-200">Important</span>
1175
1175
  </div>
1176
1176
  <div
1177
- class="pf-v5-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1177
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1178
1178
  >
1179
1179
  <span
1180
- class="pf-v5-u-font-size-2xl pf-v5-u-primary-color-100"
1180
+ class="pf-v6-u-font-size-2xl pf-v6-u-primary-color-100"
1181
1181
  >7</span>
1182
- <span class="pf-v5-u-font-color-200">Moderate</span>
1182
+ <span class="pf-v6-u-font-color-200">Moderate</span>
1183
1183
  </div>
1184
1184
  <div
1185
- class="pf-v5-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1185
+ class="pf-v6-l-flex pf-m-column pf-m-space-items-xs pf-m-align-items-center"
1186
1186
  >
1187
1187
  <span
1188
- class="pf-v5-u-font-size-2xl pf-v5-u-primary-color-100"
1188
+ class="pf-v6-u-font-size-2xl pf-v6-u-primary-color-100"
1189
1189
  >12</span>
1190
- <span class="pf-v5-u-font-color-200">Low</span>
1190
+ <span class="pf-v6-u-font-color-200">Low</span>
1191
1191
  </div>
1192
1192
  </div>
1193
1193
  </div>
1194
1194
  </div>
1195
- <div class="pf-v5-c-card__title">
1196
- <h2 class="pf-v5-c-title pf-m-xl">Recomendations by category</h2>
1195
+ <div class="pf-v6-c-card__title">
1196
+ <h2 class="pf-v6-c-title pf-m-xl">Recomendations by category</h2>
1197
1197
  </div>
1198
- <div class="pf-v5-c-card__body">
1198
+ <div class="pf-v6-c-card__body">
1199
1199
  <img
1200
1200
  src="/assets/images/img_pie-chart-with-legend.png"
1201
1201
  alt="Pie chart"
1202
1202
  width="450"
1203
1203
  />
1204
1204
  </div>
1205
- <div class="pf-v5-c-card__footer">
1205
+ <div class="pf-v6-c-card__footer">
1206
1206
  <a href="#">View more</a>
1207
1207
  </div>
1208
1208
  </div>
1209
1209
  </div>
1210
1210
  </div>
1211
1211
  <div
1212
- class="pf-v5-l-grid__item pf-m-gutter pf-m-4-col-on-lg pf-m-3-col-on-2xl"
1212
+ class="pf-v6-l-grid__item pf-m-gutter pf-m-4-col-on-lg pf-m-3-col-on-2xl"
1213
1213
  style="--pf-v5-l-grid--item--Order-on-lg:2"
1214
1214
  >
1215
1215
  <div
1216
- class="pf-v5-l-flex pf-m-column pf-m-row-on-md pf-m-column-on-lg"
1216
+ class="pf-v6-l-flex pf-m-column pf-m-row-on-md pf-m-column-on-lg"
1217
1217
  >
1218
- <div class="pf-v5-l-flex__item pf-m-flex-1">
1219
- <div class="pf-v5-c-card" id="dashboard-demo-details-card-1">
1220
- <div class="pf-v5-c-card__title">
1221
- <h2 class="pf-v5-c-title pf-m-xl">Details</h2>
1218
+ <div class="pf-v6-l-flex__item pf-m-flex-1">
1219
+ <div class="pf-v6-c-card" id="dashboard-demo-details-card-1">
1220
+ <div class="pf-v6-c-card__title">
1221
+ <h2 class="pf-v6-c-title pf-m-xl">Details</h2>
1222
1222
  </div>
1223
- <div class="pf-v5-c-card__body">
1224
- <dl class="pf-v5-c-description-list">
1225
- <div class="pf-v5-c-description-list__group">
1223
+ <div class="pf-v6-c-card__body">
1224
+ <dl class="pf-v6-c-description-list">
1225
+ <div class="pf-v6-c-description-list__group">
1226
1226
  <dt
1227
- class="pf-v5-c-description-list__term"
1227
+ class="pf-v6-c-description-list__term"
1228
1228
  >Cluster API Address</dt>
1229
- <dd class="pf-v5-c-description-list__description">
1230
- <div class="pf-v5-c-description-list__text">
1229
+ <dd class="pf-v6-c-description-list__description">
1230
+ <div class="pf-v6-c-description-list__text">
1231
1231
  <a href="#">https://api1.devcluster.openshift.com</a>
1232
1232
  </div>
1233
1233
  </dd>
1234
1234
  </div>
1235
- <div class="pf-v5-c-description-list__group">
1236
- <dt class="pf-v5-c-description-list__term">Cluster ID</dt>
1237
- <dd class="pf-v5-c-description-list__description">
1235
+ <div class="pf-v6-c-description-list__group">
1236
+ <dt class="pf-v6-c-description-list__term">Cluster ID</dt>
1237
+ <dd class="pf-v6-c-description-list__description">
1238
1238
  <div
1239
- class="pf-v5-c-description-list__text"
1239
+ class="pf-v6-c-description-list__text"
1240
1240
  >63b97ac1-b850-41d9-8820-239becde9e86</div>
1241
1241
  </dd>
1242
1242
  </div>
1243
- <div class="pf-v5-c-description-list__group">
1244
- <dt class="pf-v5-c-description-list__term">Provider</dt>
1245
- <dd class="pf-v5-c-description-list__description">
1246
- <div class="pf-v5-c-description-list__text">AWS</div>
1243
+ <div class="pf-v6-c-description-list__group">
1244
+ <dt class="pf-v6-c-description-list__term">Provider</dt>
1245
+ <dd class="pf-v6-c-description-list__description">
1246
+ <div class="pf-v6-c-description-list__text">AWS</div>
1247
1247
  </dd>
1248
1248
  </div>
1249
- <div class="pf-v5-c-description-list__group">
1249
+ <div class="pf-v6-c-description-list__group">
1250
1250
  <dt
1251
- class="pf-v5-c-description-list__term"
1251
+ class="pf-v6-c-description-list__term"
1252
1252
  >OpenShift Version</dt>
1253
- <dd class="pf-v5-c-description-list__description">
1253
+ <dd class="pf-v6-c-description-list__description">
1254
1254
  <div
1255
- class="pf-v5-c-description-list__text"
1255
+ class="pf-v6-c-description-list__text"
1256
1256
  >4.5.0.ci-2020-06-16-015028</div>
1257
1257
  </dd>
1258
1258
  </div>
1259
- <div class="pf-v5-c-description-list__group">
1259
+ <div class="pf-v6-c-description-list__group">
1260
1260
  <dt
1261
- class="pf-v5-c-description-list__term"
1261
+ class="pf-v6-c-description-list__term"
1262
1262
  >Update Channel</dt>
1263
- <dd class="pf-v5-c-description-list__description">
1264
- <div class="pf-v5-c-description-list__text">stable-4.5</div>
1263
+ <dd class="pf-v6-c-description-list__description">
1264
+ <div class="pf-v6-c-description-list__text">stable-4.5</div>
1265
1265
  </dd>
1266
1266
  </div>
1267
1267
  </dl>
1268
1268
  </div>
1269
- <hr class="pf-v5-c-divider" />
1270
- <div class="pf-v5-c-card__footer">
1269
+ <hr class="pf-v6-c-divider" />
1270
+ <div class="pf-v6-c-card__footer">
1271
1271
  <a href="#">View Settings</a>
1272
1272
  </div>
1273
1273
  </div>
1274
1274
  </div>
1275
- <div class="pf-v5-l-flex__item pf-m-flex-1">
1276
- <div class="pf-v5-c-card" id="dashboard-demo-data-list-card-1">
1275
+ <div class="pf-v6-l-flex__item pf-m-flex-1">
1276
+ <div class="pf-v6-c-card" id="dashboard-demo-data-list-card-1">
1277
1277
  <div
1278
- class="pf-v5-c-card__header pf-v5-u-align-items-flex-start"
1278
+ class="pf-v6-c-card__header pf-v5-u-align-items-flex-start"
1279
1279
  >
1280
1280
  <div
1281
- class="pf-v5-c-card__title"
1281
+ class="pf-v6-c-card__title"
1282
1282
  id="dashboard-demo-data-list-card-1-title1"
1283
1283
  >
1284
- <h2 class="pf-v5-c-title pf-m-lg">Inventory</h2>
1284
+ <h2 class="pf-v6-c-title pf-m-lg">Inventory</h2>
1285
1285
  </div>
1286
1286
  </div>
1287
1287
  <ul
1288
- class="pf-v5-c-data-list pf-m-grid-none"
1288
+ class="pf-v6-c-data-list pf-m-grid-none"
1289
1289
  role="list"
1290
1290
  aria-label="Simple data list example"
1291
1291
  id="dashboard-demo-data-list-card-1-data-list"
1292
1292
  >
1293
1293
  <li
1294
- class="pf-v5-c-data-list__item"
1294
+ class="pf-v6-c-data-list__item"
1295
1295
  aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-1"
1296
1296
  >
1297
- <div class="pf-v5-c-data-list__item-row">
1298
- <div class="pf-v5-c-data-list__item-content">
1297
+ <div class="pf-v6-c-data-list__item-row">
1298
+ <div class="pf-v6-c-data-list__item-content">
1299
1299
  <div
1300
- class="pf-v5-c-data-list__cell"
1300
+ class="pf-v6-c-data-list__cell"
1301
1301
  id="dashboard-demo-data-list-card-1-data-list-item-1"
1302
1302
  >3 Nodes</div>
1303
1303
  <div
1304
- class="pf-v5-c-data-list__cell pf-m-no-fill pf-m-align-right"
1304
+ class="pf-v6-c-data-list__cell pf-m-no-fill pf-m-align-right"
1305
1305
  >
1306
1306
  <a href="#">
1307
- <div class="pf-v5-l-flex pf-m-space-items-sm">
1307
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1308
1308
  <span>3</span>
1309
1309
  <i
1310
- class="fas fa-check-circle pf-v5-u-success-color-100"
1310
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1311
1311
  aria-hidden="true"
1312
1312
  ></i>
1313
1313
  </div>
@@ -1317,23 +1317,23 @@ cssPrefix: pf-d-dashboard
1317
1317
  </div>
1318
1318
  </li>
1319
1319
  <li
1320
- class="pf-v5-c-data-list__item"
1320
+ class="pf-v6-c-data-list__item"
1321
1321
  aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-2"
1322
1322
  >
1323
- <div class="pf-v5-c-data-list__item-row">
1324
- <div class="pf-v5-c-data-list__item-content">
1323
+ <div class="pf-v6-c-data-list__item-row">
1324
+ <div class="pf-v6-c-data-list__item-content">
1325
1325
  <div
1326
- class="pf-v5-c-data-list__cell"
1326
+ class="pf-v6-c-data-list__cell"
1327
1327
  id="dashboard-demo-data-list-card-1-data-list-item-2"
1328
1328
  >8 Disks</div>
1329
1329
  <div
1330
- class="pf-v5-c-data-list__cell pf-m-no-fill pf-m-align-right"
1330
+ class="pf-v6-c-data-list__cell pf-m-no-fill pf-m-align-right"
1331
1331
  >
1332
1332
  <a href="#">
1333
- <div class="pf-v5-l-flex pf-m-space-items-sm">
1333
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1334
1334
  <span>8</span>
1335
1335
  <i
1336
- class="fas fa-check-circle pf-v5-u-success-color-100"
1336
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1337
1337
  aria-hidden="true"
1338
1338
  ></i>
1339
1339
  </div>
@@ -1343,23 +1343,23 @@ cssPrefix: pf-d-dashboard
1343
1343
  </div>
1344
1344
  </li>
1345
1345
  <li
1346
- class="pf-v5-c-data-list__item"
1346
+ class="pf-v6-c-data-list__item"
1347
1347
  aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-3"
1348
1348
  >
1349
- <div class="pf-v5-c-data-list__item-row">
1350
- <div class="pf-v5-c-data-list__item-content">
1349
+ <div class="pf-v6-c-data-list__item-row">
1350
+ <div class="pf-v6-c-data-list__item-content">
1351
1351
  <div
1352
- class="pf-v5-c-data-list__cell"
1352
+ class="pf-v6-c-data-list__cell"
1353
1353
  id="dashboard-demo-data-list-card-1-data-list-item-3"
1354
1354
  >20 Pods</div>
1355
1355
  <div
1356
- class="pf-v5-c-data-list__cell pf-m-no-fill pf-m-align-right"
1356
+ class="pf-v6-c-data-list__cell pf-m-no-fill pf-m-align-right"
1357
1357
  >
1358
1358
  <a href="#">
1359
- <div class="pf-v5-l-flex pf-m-space-items-sm">
1359
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1360
1360
  <span>20</span>
1361
1361
  <i
1362
- class="fas fa-check-circle pf-v5-u-success-color-100"
1362
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1363
1363
  aria-hidden="true"
1364
1364
  ></i>
1365
1365
  </div>
@@ -1369,23 +1369,23 @@ cssPrefix: pf-d-dashboard
1369
1369
  </div>
1370
1370
  </li>
1371
1371
  <li
1372
- class="pf-v5-c-data-list__item"
1372
+ class="pf-v6-c-data-list__item"
1373
1373
  aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-4"
1374
1374
  >
1375
- <div class="pf-v5-c-data-list__item-row">
1376
- <div class="pf-v5-c-data-list__item-content">
1375
+ <div class="pf-v6-c-data-list__item-row">
1376
+ <div class="pf-v6-c-data-list__item-content">
1377
1377
  <div
1378
- class="pf-v5-c-data-list__cell"
1378
+ class="pf-v6-c-data-list__cell"
1379
1379
  id="dashboard-demo-data-list-card-1-data-list-item-4"
1380
1380
  >12 PVs</div>
1381
1381
  <div
1382
- class="pf-v5-c-data-list__cell pf-m-no-fill pf-m-align-right"
1382
+ class="pf-v6-c-data-list__cell pf-m-no-fill pf-m-align-right"
1383
1383
  >
1384
1384
  <a href="#">
1385
- <div class="pf-v5-l-flex pf-m-space-items-sm">
1385
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1386
1386
  <span>12</span>
1387
1387
  <i
1388
- class="fas fa-check-circle pf-v5-u-success-color-100"
1388
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1389
1389
  aria-hidden="true"
1390
1390
  ></i>
1391
1391
  </div>
@@ -1395,23 +1395,23 @@ cssPrefix: pf-d-dashboard
1395
1395
  </div>
1396
1396
  </li>
1397
1397
  <li
1398
- class="pf-v5-c-data-list__item"
1398
+ class="pf-v6-c-data-list__item"
1399
1399
  aria-labelledby="dashboard-demo-data-list-card-1-data-list-item-5"
1400
1400
  >
1401
- <div class="pf-v5-c-data-list__item-row">
1402
- <div class="pf-v5-c-data-list__item-content">
1401
+ <div class="pf-v6-c-data-list__item-row">
1402
+ <div class="pf-v6-c-data-list__item-content">
1403
1403
  <div
1404
- class="pf-v5-c-data-list__cell"
1404
+ class="pf-v6-c-data-list__cell"
1405
1405
  id="dashboard-demo-data-list-card-1-data-list-item-5"
1406
1406
  >18 PVCs</div>
1407
1407
  <div
1408
- class="pf-v5-c-data-list__cell pf-m-no-fill pf-m-align-right"
1408
+ class="pf-v6-c-data-list__cell pf-m-no-fill pf-m-align-right"
1409
1409
  >
1410
1410
  <a href="#">
1411
- <div class="pf-v5-l-flex pf-m-space-items-sm">
1411
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
1412
1412
  <span>18</span>
1413
1413
  <i
1414
- class="fas fa-check-circle pf-v5-u-success-color-100"
1414
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1415
1415
  aria-hidden="true"
1416
1416
  ></i>
1417
1417
  </div>
@@ -1426,74 +1426,74 @@ cssPrefix: pf-d-dashboard
1426
1426
  </div>
1427
1427
  </div>
1428
1428
  <div
1429
- class="pf-v5-l-grid__item pf-m-4-col-on-lg pf-m-3-col-on-2xl"
1429
+ class="pf-v6-l-grid__item pf-m-4-col-on-lg pf-m-3-col-on-2xl"
1430
1430
  style="--pf-v5-l-grid--item--Order-on-lg:4"
1431
1431
  >
1432
- <div class="pf-v5-l-flex pf-m-column">
1433
- <div class="pf-v5-c-card" id="dashboard-demo-events-card-1">
1434
- <div class="pf-v5-c-card__header">
1435
- <div class="pf-v5-c-card__actions pf-m-no-offset">
1436
- <div class="pf-v5-c-select">
1432
+ <div class="pf-v6-l-flex pf-m-column">
1433
+ <div class="pf-v6-c-card" id="dashboard-demo-events-card-1">
1434
+ <div class="pf-v6-c-card__header">
1435
+ <div class="pf-v6-c-card__actions pf-m-no-offset">
1436
+ <div class="pf-v6-c-select">
1437
1437
  <span
1438
1438
  id="dashboard-demo-events-card-1-select-dropdown-label"
1439
1439
  hidden
1440
1440
  >Choose one</span>
1441
1441
 
1442
1442
  <button
1443
- class="pf-v5-c-select__toggle pf-m-plain"
1443
+ class="pf-v6-c-select__toggle pf-m-plain"
1444
1444
  type="button"
1445
1445
  id="dashboard-demo-events-card-1-select-dropdown-toggle"
1446
1446
  aria-haspopup="true"
1447
1447
  aria-expanded="false"
1448
1448
  aria-labelledby="dashboard-demo-events-card-1-select-dropdown-label dashboard-demo-events-card-1-select-dropdown-toggle"
1449
1449
  >
1450
- <div class="pf-v5-c-select__toggle-wrapper">
1451
- <span class="pf-v5-c-select__toggle-text">Status</span>
1450
+ <div class="pf-v6-c-select__toggle-wrapper">
1451
+ <span class="pf-v6-c-select__toggle-text">Status</span>
1452
1452
  </div>
1453
- <span class="pf-v5-c-select__toggle-arrow">
1453
+ <span class="pf-v6-c-select__toggle-arrow">
1454
1454
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1455
1455
  </span>
1456
1456
  </button>
1457
1457
 
1458
1458
  <ul
1459
- class="pf-v5-c-select__menu pf-m-align-right"
1459
+ class="pf-v6-c-select__menu pf-m-align-right"
1460
1460
  role="listbox"
1461
1461
  aria-labelledby="dashboard-demo-events-card-1-select-dropdown-label"
1462
1462
  hidden
1463
1463
  >
1464
1464
  <li role="presentation">
1465
1465
  <button
1466
- class="pf-v5-c-select__menu-item"
1466
+ class="pf-v6-c-select__menu-item"
1467
1467
  role="option"
1468
1468
  >Running</button>
1469
1469
  </li>
1470
1470
  <li role="presentation">
1471
1471
  <button
1472
- class="pf-v5-c-select__menu-item pf-m-selected"
1472
+ class="pf-v6-c-select__menu-item pf-m-selected"
1473
1473
  role="option"
1474
1474
  aria-selected="true"
1475
1475
  >
1476
1476
  Stopped
1477
- <span class="pf-v5-c-select__menu-item-icon">
1477
+ <span class="pf-v6-c-select__menu-item-icon">
1478
1478
  <i class="fas fa-check" aria-hidden="true"></i>
1479
1479
  </span>
1480
1480
  </button>
1481
1481
  </li>
1482
1482
  <li role="presentation">
1483
1483
  <button
1484
- class="pf-v5-c-select__menu-item"
1484
+ class="pf-v6-c-select__menu-item"
1485
1485
  role="option"
1486
1486
  >Down</button>
1487
1487
  </li>
1488
1488
  <li role="presentation">
1489
1489
  <button
1490
- class="pf-v5-c-select__menu-item"
1490
+ class="pf-v6-c-select__menu-item"
1491
1491
  role="option"
1492
1492
  >Degraded</button>
1493
1493
  </li>
1494
1494
  <li role="presentation">
1495
1495
  <button
1496
- class="pf-v5-c-select__menu-item"
1496
+ class="pf-v6-c-select__menu-item"
1497
1497
  role="option"
1498
1498
  >Needs maintenance</button>
1499
1499
  </li>
@@ -1501,77 +1501,77 @@ cssPrefix: pf-d-dashboard
1501
1501
  </div>
1502
1502
  </div>
1503
1503
  <div
1504
- class="pf-v5-c-card__title"
1504
+ class="pf-v6-c-card__title"
1505
1505
  id="dashboard-demo-events-card-1-title1"
1506
1506
  style="padding-block-start: 3px;"
1507
1507
  >
1508
- <h2 class="pf-v5-c-title pf-m-xl">Events</h2>
1508
+ <h2 class="pf-v6-c-title pf-m-xl">Events</h2>
1509
1509
  </div>
1510
1510
  </div>
1511
- <div class="pf-v5-c-card__body">
1512
- <dl class="pf-v5-c-description-list pf-m-compact">
1513
- <div class="pf-v5-c-description-list__group">
1514
- <dt class="pf-v5-c-description-list__term">
1515
- <div class="pf-v5-l-flex pf-m-nowrap">
1516
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1511
+ <div class="pf-v6-c-card__body">
1512
+ <dl class="pf-v6-c-description-list pf-m-compact">
1513
+ <div class="pf-v6-c-description-list__group">
1514
+ <dt class="pf-v6-c-description-list__term">
1515
+ <div class="pf-v6-l-flex pf-m-nowrap">
1516
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1517
1517
  <i
1518
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
1518
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1519
1519
  aria-hidden="true"
1520
1520
  ></i>
1521
1521
  </div>
1522
- <div class="pf-v5-l-flex__item">Readiness probe failed</div>
1522
+ <div class="pf-v6-l-flex__item">Readiness probe failed</div>
1523
1523
  </div>
1524
1524
  </dt>
1525
- <dd class="pf-v5-c-description-list__description">
1525
+ <dd class="pf-v6-c-description-list__description">
1526
1526
  <div
1527
- class="pf-v5-c-description-list__text"
1527
+ class="pf-v6-c-description-list__text"
1528
1528
  >Readiness probe failed: Get https://10.131.0.7:5000/healthz: dial tcp 10.131.0.7:5000: connect: connection refused</div>
1529
1529
  </dd>
1530
- <dd class="pf-v5-c-description-list__description">
1531
- <div class="pf-v5-c-description-list__text">
1530
+ <dd class="pf-v6-c-description-list__description">
1531
+ <div class="pf-v6-c-description-list__text">
1532
1532
  <time
1533
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1533
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1534
1534
  >Jun 17, 11:02 am</time>
1535
1535
  </div>
1536
1536
  </dd>
1537
1537
  </div>
1538
- <div class="pf-v5-c-description-list__group">
1539
- <dt class="pf-v5-c-description-list__term">
1540
- <div class="pf-v5-l-flex pf-m-nowrap">
1541
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1538
+ <div class="pf-v6-c-description-list__group">
1539
+ <dt class="pf-v6-c-description-list__term">
1540
+ <div class="pf-v6-l-flex pf-m-nowrap">
1541
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1542
1542
  <i
1543
- class="fas fa-check-circle pf-v5-u-success-color-100"
1543
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1544
1544
  aria-hidden="true"
1545
1545
  ></i>
1546
1546
  </div>
1547
- <div class="pf-v5-l-flex__item">Successful assignment</div>
1547
+ <div class="pf-v6-l-flex__item">Successful assignment</div>
1548
1548
  </div>
1549
1549
  </dt>
1550
- <dd class="pf-v5-c-description-list__description">
1550
+ <dd class="pf-v6-c-description-list__description">
1551
1551
  <div
1552
- class="pf-v5-c-description-list__text"
1552
+ class="pf-v6-c-description-list__text"
1553
1553
  >Successfully assigned default/example to ip-10-0-130-149.ec2.internal</div>
1554
1554
  </dd>
1555
- <dd class="pf-v5-c-description-list__description">
1556
- <div class="pf-v5-c-description-list__text">
1555
+ <dd class="pf-v6-c-description-list__description">
1556
+ <div class="pf-v6-c-description-list__text">
1557
1557
  <time
1558
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1558
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1559
1559
  >Jun 17, 11:13 am</time>
1560
1560
  </div>
1561
1561
  </dd>
1562
1562
  </div>
1563
- <div class="pf-v5-c-description-list__group">
1564
- <dt class="pf-v5-c-description-list__term">
1565
- <div class="pf-v5-l-flex pf-m-nowrap">
1566
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1563
+ <div class="pf-v6-c-description-list__group">
1564
+ <dt class="pf-v6-c-description-list__term">
1565
+ <div class="pf-v6-l-flex pf-m-nowrap">
1566
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1567
1567
  <svg
1568
- class="pf-v5-c-spinner pf-m-md"
1568
+ class="pf-v6-c-spinner pf-m-md"
1569
1569
  role="progressbar"
1570
1570
  viewBox="0 0 100 100"
1571
1571
  aria-label="Loading"
1572
1572
  >
1573
1573
  <circle
1574
- class="pf-v5-c-spinner__path"
1574
+ class="pf-v6-c-spinner__path"
1575
1575
  cx="50"
1576
1576
  cy="50"
1577
1577
  r="45"
@@ -1579,157 +1579,157 @@ cssPrefix: pf-d-dashboard
1579
1579
  />
1580
1580
  </svg>
1581
1581
  </div>
1582
- <div class="pf-v5-l-flex__item">Pulling image</div>
1582
+ <div class="pf-v6-l-flex__item">Pulling image</div>
1583
1583
  </div>
1584
1584
  </dt>
1585
- <dd class="pf-v5-c-description-list__description">
1585
+ <dd class="pf-v6-c-description-list__description">
1586
1586
  <div
1587
- class="pf-v5-c-description-list__text"
1587
+ class="pf-v6-c-description-list__text"
1588
1588
  >Pulling image "openshift/hello-openshift"</div>
1589
1589
  </dd>
1590
- <dd class="pf-v5-c-description-list__description">
1591
- <div class="pf-v5-c-description-list__text">
1590
+ <dd class="pf-v6-c-description-list__description">
1591
+ <div class="pf-v6-c-description-list__text">
1592
1592
  <time
1593
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1593
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1594
1594
  >Jun 17, 10:59 am</time>
1595
1595
  </div>
1596
1596
  </dd>
1597
1597
  </div>
1598
- <div class="pf-v5-c-description-list__group">
1599
- <dt class="pf-v5-c-description-list__term">
1600
- <div class="pf-v5-l-flex pf-m-nowrap">
1601
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1598
+ <div class="pf-v6-c-description-list__group">
1599
+ <dt class="pf-v6-c-description-list__term">
1600
+ <div class="pf-v6-l-flex pf-m-nowrap">
1601
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1602
1602
  <i
1603
- class="fas fa-check-circle pf-v5-u-success-color-100"
1603
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1604
1604
  aria-hidden="true"
1605
1605
  ></i>
1606
1606
  </div>
1607
- <div class="pf-v5-l-flex__item">Created container</div>
1607
+ <div class="pf-v6-l-flex__item">Created container</div>
1608
1608
  </div>
1609
1609
  </dt>
1610
- <dd class="pf-v5-c-description-list__description">
1610
+ <dd class="pf-v6-c-description-list__description">
1611
1611
  <div
1612
- class="pf-v5-c-description-list__text"
1612
+ class="pf-v6-c-description-list__text"
1613
1613
  >Created container hello-openshift</div>
1614
1614
  </dd>
1615
- <dd class="pf-v5-c-description-list__description">
1616
- <div class="pf-v5-c-description-list__text">
1615
+ <dd class="pf-v6-c-description-list__description">
1616
+ <div class="pf-v6-c-description-list__text">
1617
1617
  <time
1618
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1618
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1619
1619
  >Jun 17, 10:45 am</time>
1620
1620
  </div>
1621
1621
  </dd>
1622
1622
  </div>
1623
1623
 
1624
- <div class="pf-v5-c-description-list__group">
1625
- <dt class="pf-v5-c-description-list__term">
1626
- <div class="pf-v5-l-flex pf-m-nowrap">
1627
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1624
+ <div class="pf-v6-c-description-list__group">
1625
+ <dt class="pf-v6-c-description-list__term">
1626
+ <div class="pf-v6-l-flex pf-m-nowrap">
1627
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1628
1628
  <i
1629
- class="fas fa-exclamation-triangle pf-v5-u-warning-color-100"
1629
+ class="fas fa-exclamation-triangle pf-v6-u-warning-color-100"
1630
1630
  aria-hidden="true"
1631
1631
  ></i>
1632
1632
  </div>
1633
1633
  <div
1634
- class="pf-v5-l-flex__item"
1634
+ class="pf-v6-l-flex__item"
1635
1635
  >CPU utilitization over 50%</div>
1636
1636
  </div>
1637
1637
  </dt>
1638
- <dd class="pf-v5-c-description-list__description">
1638
+ <dd class="pf-v6-c-description-list__description">
1639
1639
  <div
1640
- class="pf-v5-c-description-list__text"
1640
+ class="pf-v6-c-description-list__text"
1641
1641
  >Migrated 2 pods to other hosts</div>
1642
1642
  </dd>
1643
- <dd class="pf-v5-c-description-list__description">
1644
- <div class="pf-v5-c-description-list__text">
1643
+ <dd class="pf-v6-c-description-list__description">
1644
+ <div class="pf-v6-c-description-list__text">
1645
1645
  <time
1646
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1646
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1647
1647
  >Jun 17, 10:33 am</time>
1648
1648
  </div>
1649
1649
  </dd>
1650
1650
  </div>
1651
1651
 
1652
- <div class="pf-v5-c-description-list__group">
1653
- <dt class="pf-v5-c-description-list__term">
1654
- <div class="pf-v5-l-flex pf-m-nowrap">
1655
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1652
+ <div class="pf-v6-c-description-list__group">
1653
+ <dt class="pf-v6-c-description-list__term">
1654
+ <div class="pf-v6-l-flex pf-m-nowrap">
1655
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1656
1656
  <i
1657
- class="fas fa-exclamation-circle pf-v5-u-danger-color-100"
1657
+ class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1658
1658
  aria-hidden="true"
1659
1659
  ></i>
1660
1660
  </div>
1661
- <div class="pf-v5-l-flex__item">Rook-osd-10-328949</div>
1661
+ <div class="pf-v6-l-flex__item">Rook-osd-10-328949</div>
1662
1662
  </div>
1663
1663
  </dt>
1664
- <dd class="pf-v5-c-description-list__description">
1664
+ <dd class="pf-v6-c-description-list__description">
1665
1665
  <div
1666
- class="pf-v5-c-description-list__text"
1666
+ class="pf-v6-c-description-list__text"
1667
1667
  >Rebuild initiated as Disk 5 failed</div>
1668
1668
  </dd>
1669
- <dd class="pf-v5-c-description-list__description">
1670
- <div class="pf-v5-c-description-list__text">
1669
+ <dd class="pf-v6-c-description-list__description">
1670
+ <div class="pf-v6-c-description-list__text">
1671
1671
  <time
1672
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1672
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1673
1673
  >Jun 17, 10:33 am</time>
1674
1674
  </div>
1675
1675
  </dd>
1676
1676
  </div>
1677
1677
 
1678
- <div class="pf-v5-c-description-list__group">
1679
- <dt class="pf-v5-c-description-list__term">
1680
- <div class="pf-v5-l-flex pf-m-nowrap">
1681
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1678
+ <div class="pf-v6-c-description-list__group">
1679
+ <dt class="pf-v6-c-description-list__term">
1680
+ <div class="pf-v6-l-flex pf-m-nowrap">
1681
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1682
1682
  <i
1683
- class="fas fa-check-circle pf-v5-u-success-color-100"
1683
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1684
1684
  aria-hidden="true"
1685
1685
  ></i>
1686
1686
  </div>
1687
- <div class="pf-v5-l-flex__item">Created container</div>
1687
+ <div class="pf-v6-l-flex__item">Created container</div>
1688
1688
  </div>
1689
1689
  </dt>
1690
- <dd class="pf-v5-c-description-list__description">
1690
+ <dd class="pf-v6-c-description-list__description">
1691
1691
  <div
1692
- class="pf-v5-c-description-list__text"
1692
+ class="pf-v6-c-description-list__text"
1693
1693
  >Created container hello-openshift-123</div>
1694
1694
  </dd>
1695
- <dd class="pf-v5-c-description-list__description">
1696
- <div class="pf-v5-c-description-list__text">
1695
+ <dd class="pf-v6-c-description-list__description">
1696
+ <div class="pf-v6-c-description-list__text">
1697
1697
  <time
1698
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1698
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1699
1699
  >Jun 17, 10:31 am</time>
1700
1700
  </div>
1701
1701
  </dd>
1702
1702
  </div>
1703
1703
 
1704
- <div class="pf-v5-c-description-list__group">
1705
- <dt class="pf-v5-c-description-list__term">
1706
- <div class="pf-v5-l-flex pf-m-nowrap">
1707
- <div class="pf-v5-l-flex__item pf-m-spacer-sm">
1704
+ <div class="pf-v6-c-description-list__group">
1705
+ <dt class="pf-v6-c-description-list__term">
1706
+ <div class="pf-v6-l-flex pf-m-nowrap">
1707
+ <div class="pf-v6-l-flex__item pf-m-spacer-sm">
1708
1708
  <i
1709
- class="fas fa-check-circle pf-v5-u-success-color-100"
1709
+ class="fas fa-check-circle pf-v6-u-success-color-100"
1710
1710
  aria-hidden="true"
1711
1711
  ></i>
1712
1712
  </div>
1713
- <div class="pf-v5-l-flex__item">Created container</div>
1713
+ <div class="pf-v6-l-flex__item">Created container</div>
1714
1714
  </div>
1715
1715
  </dt>
1716
- <dd class="pf-v5-c-description-list__description">
1716
+ <dd class="pf-v6-c-description-list__description">
1717
1717
  <div
1718
- class="pf-v5-c-description-list__text"
1718
+ class="pf-v6-c-description-list__text"
1719
1719
  >Created container hello-openshift-456</div>
1720
1720
  </dd>
1721
- <dd class="pf-v5-c-description-list__description">
1722
- <div class="pf-v5-c-description-list__text">
1721
+ <dd class="pf-v6-c-description-list__description">
1722
+ <div class="pf-v6-c-description-list__text">
1723
1723
  <time
1724
- class="pf-v5-u-color-200 pf-v5-u-font-size-sm"
1724
+ class="pf-v6-u-color-200 pf-v6-u-font-size-sm"
1725
1725
  >Jun 17, 10:30 am</time>
1726
1726
  </div>
1727
1727
  </dd>
1728
1728
  </div>
1729
1729
  </dl>
1730
1730
  </div>
1731
- <hr class="pf-v5-c-divider" />
1732
- <div class="pf-v5-c-card__footer">
1731
+ <hr class="pf-v6-c-divider" />
1732
+ <div class="pf-v6-c-card__footer">
1733
1733
  <a href="#">View all events</a>
1734
1734
  </div>
1735
1735
  </div>