@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/components/DescriptionList/examples/DescriptionList.md CHANGED
@@ -7,41 +7,41 @@ cssPrefix: pf-v5-c-description-list
7
7
  ### Default
8
8
 
9
9
  ```html
10
- <dl class="pf-v5-c-description-list">
11
- <div class="pf-v5-c-description-list__group">
12
- <dt class="pf-v5-c-description-list__term">
13
- <span class="pf-v5-c-description-list__text">Name</span>
10
+ <dl class="pf-v6-c-description-list">
11
+ <div class="pf-v6-c-description-list__group">
12
+ <dt class="pf-v6-c-description-list__term">
13
+ <span class="pf-v6-c-description-list__text">Name</span>
14
14
  </dt>
15
- <dd class="pf-v5-c-description-list__description">
16
- <div class="pf-v5-c-description-list__text">example</div>
15
+ <dd class="pf-v6-c-description-list__description">
16
+ <div class="pf-v6-c-description-list__text">example</div>
17
17
  </dd>
18
18
  </div>
19
- <div class="pf-v5-c-description-list__group">
20
- <dt class="pf-v5-c-description-list__term">
21
- <span class="pf-v5-c-description-list__text">Namespace</span>
19
+ <div class="pf-v6-c-description-list__group">
20
+ <dt class="pf-v6-c-description-list__term">
21
+ <span class="pf-v6-c-description-list__text">Namespace</span>
22
22
  </dt>
23
- <dd class="pf-v5-c-description-list__description">
24
- <div class="pf-v5-c-description-list__text">
23
+ <dd class="pf-v6-c-description-list__description">
24
+ <div class="pf-v6-c-description-list__text">
25
25
  <a href="#">mary-test</a>
26
26
  </div>
27
27
  </dd>
28
28
  </div>
29
- <div class="pf-v5-c-description-list__group">
30
- <dt class="pf-v5-c-description-list__term">
31
- <span class="pf-v5-c-description-list__text">Labels</span>
29
+ <div class="pf-v6-c-description-list__group">
30
+ <dt class="pf-v6-c-description-list__term">
31
+ <span class="pf-v6-c-description-list__text">Labels</span>
32
32
  </dt>
33
- <dd class="pf-v5-c-description-list__description">
34
- <div class="pf-v5-c-description-list__text">example</div>
33
+ <dd class="pf-v6-c-description-list__description">
34
+ <div class="pf-v6-c-description-list__text">example</div>
35
35
  </dd>
36
36
  </div>
37
- <div class="pf-v5-c-description-list__group">
38
- <dt class="pf-v5-c-description-list__term">
39
- <span class="pf-v5-c-description-list__text">Pod selector</span>
37
+ <div class="pf-v6-c-description-list__group">
38
+ <dt class="pf-v6-c-description-list__term">
39
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
40
40
  </dt>
41
- <dd class="pf-v5-c-description-list__description">
42
- <div class="pf-v5-c-description-list__text">
43
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
44
- <span class="pf-v5-c-button__icon pf-m-start">
41
+ <dd class="pf-v6-c-description-list__description">
42
+ <div class="pf-v6-c-description-list__text">
43
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
44
+ <span class="pf-v6-c-button__icon pf-m-start">
45
45
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
46
46
  </span>
47
47
  app=MyApp
@@ -49,12 +49,12 @@ cssPrefix: pf-v5-c-description-list
49
49
  </div>
50
50
  </dd>
51
51
  </div>
52
- <div class="pf-v5-c-description-list__group">
53
- <dt class="pf-v5-c-description-list__term">
54
- <span class="pf-v5-c-description-list__text">Annotation</span>
52
+ <div class="pf-v6-c-description-list__group">
53
+ <dt class="pf-v6-c-description-list__term">
54
+ <span class="pf-v6-c-description-list__text">Annotation</span>
55
55
  </dt>
56
- <dd class="pf-v5-c-description-list__description">
57
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
56
+ <dd class="pf-v6-c-description-list__description">
57
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
58
58
  </dd>
59
59
  </div>
60
60
  </dl>
@@ -64,41 +64,41 @@ cssPrefix: pf-v5-c-description-list
64
64
  ### Term help text
65
65
 
66
66
  ```html
67
- <dl class="pf-v5-c-description-list">
68
- <div class="pf-v5-c-description-list__group">
69
- <dt class="pf-v5-c-description-list__term">
70
- <span class="pf-v5-c-description-list__text">Name</span>
67
+ <dl class="pf-v6-c-description-list">
68
+ <div class="pf-v6-c-description-list__group">
69
+ <dt class="pf-v6-c-description-list__term">
70
+ <span class="pf-v6-c-description-list__text">Name</span>
71
71
  </dt>
72
- <dd class="pf-v5-c-description-list__description">
73
- <div class="pf-v5-c-description-list__text">example</div>
72
+ <dd class="pf-v6-c-description-list__description">
73
+ <div class="pf-v6-c-description-list__text">example</div>
74
74
  </dd>
75
75
  </div>
76
- <div class="pf-v5-c-description-list__group">
77
- <dt class="pf-v5-c-description-list__term">
78
- <span class="pf-v5-c-description-list__text">Namespace</span>
76
+ <div class="pf-v6-c-description-list__group">
77
+ <dt class="pf-v6-c-description-list__term">
78
+ <span class="pf-v6-c-description-list__text">Namespace</span>
79
79
  </dt>
80
- <dd class="pf-v5-c-description-list__description">
81
- <div class="pf-v5-c-description-list__text">
80
+ <dd class="pf-v6-c-description-list__description">
81
+ <div class="pf-v6-c-description-list__text">
82
82
  <a href="#">mary-test</a>
83
83
  </div>
84
84
  </dd>
85
85
  </div>
86
- <div class="pf-v5-c-description-list__group">
87
- <dt class="pf-v5-c-description-list__term">
88
- <span class="pf-v5-c-description-list__text">Labels</span>
86
+ <div class="pf-v6-c-description-list__group">
87
+ <dt class="pf-v6-c-description-list__term">
88
+ <span class="pf-v6-c-description-list__text">Labels</span>
89
89
  </dt>
90
- <dd class="pf-v5-c-description-list__description">
91
- <div class="pf-v5-c-description-list__text">example</div>
90
+ <dd class="pf-v6-c-description-list__description">
91
+ <div class="pf-v6-c-description-list__text">example</div>
92
92
  </dd>
93
93
  </div>
94
- <div class="pf-v5-c-description-list__group">
95
- <dt class="pf-v5-c-description-list__term">
96
- <span class="pf-v5-c-description-list__text">Pod selector</span>
94
+ <div class="pf-v6-c-description-list__group">
95
+ <dt class="pf-v6-c-description-list__term">
96
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
97
97
  </dt>
98
- <dd class="pf-v5-c-description-list__description">
99
- <div class="pf-v5-c-description-list__text">
100
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
101
- <span class="pf-v5-c-button__icon pf-m-start">
98
+ <dd class="pf-v6-c-description-list__description">
99
+ <div class="pf-v6-c-description-list__text">
100
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
101
+ <span class="pf-v6-c-button__icon pf-m-start">
102
102
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
103
103
  </span>
104
104
  app=MyApp
@@ -106,12 +106,12 @@ cssPrefix: pf-v5-c-description-list
106
106
  </div>
107
107
  </dd>
108
108
  </div>
109
- <div class="pf-v5-c-description-list__group">
110
- <dt class="pf-v5-c-description-list__term">
111
- <span class="pf-v5-c-description-list__text">Annotation</span>
109
+ <div class="pf-v6-c-description-list__group">
110
+ <dt class="pf-v6-c-description-list__term">
111
+ <span class="pf-v6-c-description-list__text">Annotation</span>
112
112
  </dt>
113
- <dd class="pf-v5-c-description-list__description">
114
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
113
+ <dd class="pf-v6-c-description-list__description">
114
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
115
115
  </dd>
116
116
  </div>
117
117
  </dl>
@@ -121,43 +121,43 @@ cssPrefix: pf-v5-c-description-list
121
121
  ### Default, two column
122
122
 
123
123
  ```html
124
- <dl class="pf-v5-c-description-list pf-m-2-col">
125
- <div class="pf-v5-c-description-list__group">
126
- <dt class="pf-v5-c-description-list__term">
127
- <span class="pf-v5-c-description-list__text">Name</span>
124
+ <dl class="pf-v6-c-description-list pf-m-2-col">
125
+ <div class="pf-v6-c-description-list__group">
126
+ <dt class="pf-v6-c-description-list__term">
127
+ <span class="pf-v6-c-description-list__text">Name</span>
128
128
  </dt>
129
- <dd class="pf-v5-c-description-list__description">
129
+ <dd class="pf-v6-c-description-list__description">
130
130
  <div
131
- class="pf-v5-c-description-list__text"
131
+ class="pf-v6-c-description-list__text"
132
132
  >This is a long description that should wrap to multiple lines in a multi-column layout.</div>
133
133
  </dd>
134
134
  </div>
135
- <div class="pf-v5-c-description-list__group">
136
- <dt class="pf-v5-c-description-list__term">
137
- <span class="pf-v5-c-description-list__text">Namespace</span>
135
+ <div class="pf-v6-c-description-list__group">
136
+ <dt class="pf-v6-c-description-list__term">
137
+ <span class="pf-v6-c-description-list__text">Namespace</span>
138
138
  </dt>
139
- <dd class="pf-v5-c-description-list__description">
140
- <div class="pf-v5-c-description-list__text">
139
+ <dd class="pf-v6-c-description-list__description">
140
+ <div class="pf-v6-c-description-list__text">
141
141
  <a href="#">mary-test</a>
142
142
  </div>
143
143
  </dd>
144
144
  </div>
145
- <div class="pf-v5-c-description-list__group">
146
- <dt class="pf-v5-c-description-list__term">
147
- <span class="pf-v5-c-description-list__text">Labels</span>
145
+ <div class="pf-v6-c-description-list__group">
146
+ <dt class="pf-v6-c-description-list__term">
147
+ <span class="pf-v6-c-description-list__text">Labels</span>
148
148
  </dt>
149
- <dd class="pf-v5-c-description-list__description">
150
- <div class="pf-v5-c-description-list__text">example</div>
149
+ <dd class="pf-v6-c-description-list__description">
150
+ <div class="pf-v6-c-description-list__text">example</div>
151
151
  </dd>
152
152
  </div>
153
- <div class="pf-v5-c-description-list__group">
154
- <dt class="pf-v5-c-description-list__term">
155
- <span class="pf-v5-c-description-list__text">Pod selector</span>
153
+ <div class="pf-v6-c-description-list__group">
154
+ <dt class="pf-v6-c-description-list__term">
155
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
156
156
  </dt>
157
- <dd class="pf-v5-c-description-list__description">
158
- <div class="pf-v5-c-description-list__text">
159
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
160
- <span class="pf-v5-c-button__icon pf-m-start">
157
+ <dd class="pf-v6-c-description-list__description">
158
+ <div class="pf-v6-c-description-list__text">
159
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
160
+ <span class="pf-v6-c-button__icon pf-m-start">
161
161
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
162
162
  </span>
163
163
  app=MyApp
@@ -165,12 +165,12 @@ cssPrefix: pf-v5-c-description-list
165
165
  </div>
166
166
  </dd>
167
167
  </div>
168
- <div class="pf-v5-c-description-list__group">
169
- <dt class="pf-v5-c-description-list__term">
170
- <span class="pf-v5-c-description-list__text">Annotation</span>
168
+ <div class="pf-v6-c-description-list__group">
169
+ <dt class="pf-v6-c-description-list__term">
170
+ <span class="pf-v6-c-description-list__text">Annotation</span>
171
171
  </dt>
172
- <dd class="pf-v5-c-description-list__description">
173
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
172
+ <dd class="pf-v6-c-description-list__description">
173
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
174
174
  </dd>
175
175
  </div>
176
176
  </dl>
@@ -180,41 +180,41 @@ cssPrefix: pf-v5-c-description-list
180
180
  ### Default, three column on lg breakpoint
181
181
 
182
182
  ```html
183
- <dl class="pf-v5-c-description-list pf-m-3-col-on-lg">
184
- <div class="pf-v5-c-description-list__group">
185
- <dt class="pf-v5-c-description-list__term">
186
- <span class="pf-v5-c-description-list__text">Name</span>
183
+ <dl class="pf-v6-c-description-list pf-m-3-col-on-lg">
184
+ <div class="pf-v6-c-description-list__group">
185
+ <dt class="pf-v6-c-description-list__term">
186
+ <span class="pf-v6-c-description-list__text">Name</span>
187
187
  </dt>
188
- <dd class="pf-v5-c-description-list__description">
189
- <div class="pf-v5-c-description-list__text">example</div>
188
+ <dd class="pf-v6-c-description-list__description">
189
+ <div class="pf-v6-c-description-list__text">example</div>
190
190
  </dd>
191
191
  </div>
192
- <div class="pf-v5-c-description-list__group">
193
- <dt class="pf-v5-c-description-list__term">
194
- <span class="pf-v5-c-description-list__text">Namespace</span>
192
+ <div class="pf-v6-c-description-list__group">
193
+ <dt class="pf-v6-c-description-list__term">
194
+ <span class="pf-v6-c-description-list__text">Namespace</span>
195
195
  </dt>
196
- <dd class="pf-v5-c-description-list__description">
197
- <div class="pf-v5-c-description-list__text">
196
+ <dd class="pf-v6-c-description-list__description">
197
+ <div class="pf-v6-c-description-list__text">
198
198
  <a href="#">mary-test</a>
199
199
  </div>
200
200
  </dd>
201
201
  </div>
202
- <div class="pf-v5-c-description-list__group">
203
- <dt class="pf-v5-c-description-list__term">
204
- <span class="pf-v5-c-description-list__text">Labels</span>
202
+ <div class="pf-v6-c-description-list__group">
203
+ <dt class="pf-v6-c-description-list__term">
204
+ <span class="pf-v6-c-description-list__text">Labels</span>
205
205
  </dt>
206
- <dd class="pf-v5-c-description-list__description">
207
- <div class="pf-v5-c-description-list__text">example</div>
206
+ <dd class="pf-v6-c-description-list__description">
207
+ <div class="pf-v6-c-description-list__text">example</div>
208
208
  </dd>
209
209
  </div>
210
- <div class="pf-v5-c-description-list__group">
211
- <dt class="pf-v5-c-description-list__term">
212
- <span class="pf-v5-c-description-list__text">Pod selector</span>
210
+ <div class="pf-v6-c-description-list__group">
211
+ <dt class="pf-v6-c-description-list__term">
212
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
213
213
  </dt>
214
- <dd class="pf-v5-c-description-list__description">
215
- <div class="pf-v5-c-description-list__text">
216
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
217
- <span class="pf-v5-c-button__icon pf-m-start">
214
+ <dd class="pf-v6-c-description-list__description">
215
+ <div class="pf-v6-c-description-list__text">
216
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
217
+ <span class="pf-v6-c-button__icon pf-m-start">
218
218
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
219
219
  </span>
220
220
  app=MyApp
@@ -222,12 +222,12 @@ cssPrefix: pf-v5-c-description-list
222
222
  </div>
223
223
  </dd>
224
224
  </div>
225
- <div class="pf-v5-c-description-list__group">
226
- <dt class="pf-v5-c-description-list__term">
227
- <span class="pf-v5-c-description-list__text">Annotation</span>
225
+ <div class="pf-v6-c-description-list__group">
226
+ <dt class="pf-v6-c-description-list__term">
227
+ <span class="pf-v6-c-description-list__text">Annotation</span>
228
228
  </dt>
229
- <dd class="pf-v5-c-description-list__description">
230
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
229
+ <dd class="pf-v6-c-description-list__description">
230
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
231
231
  </dd>
232
232
  </div>
233
233
  </dl>
@@ -237,41 +237,41 @@ cssPrefix: pf-v5-c-description-list
237
237
  ### Horizontal
238
238
 
239
239
  ```html
240
- <dl class="pf-v5-c-description-list pf-m-horizontal">
241
- <div class="pf-v5-c-description-list__group">
242
- <dt class="pf-v5-c-description-list__term">
243
- <span class="pf-v5-c-description-list__text">Name</span>
240
+ <dl class="pf-v6-c-description-list pf-m-horizontal">
241
+ <div class="pf-v6-c-description-list__group">
242
+ <dt class="pf-v6-c-description-list__term">
243
+ <span class="pf-v6-c-description-list__text">Name</span>
244
244
  </dt>
245
- <dd class="pf-v5-c-description-list__description">
246
- <div class="pf-v5-c-description-list__text">example</div>
245
+ <dd class="pf-v6-c-description-list__description">
246
+ <div class="pf-v6-c-description-list__text">example</div>
247
247
  </dd>
248
248
  </div>
249
- <div class="pf-v5-c-description-list__group">
250
- <dt class="pf-v5-c-description-list__term">
251
- <span class="pf-v5-c-description-list__text">Namespace</span>
249
+ <div class="pf-v6-c-description-list__group">
250
+ <dt class="pf-v6-c-description-list__term">
251
+ <span class="pf-v6-c-description-list__text">Namespace</span>
252
252
  </dt>
253
- <dd class="pf-v5-c-description-list__description">
254
- <div class="pf-v5-c-description-list__text">
253
+ <dd class="pf-v6-c-description-list__description">
254
+ <div class="pf-v6-c-description-list__text">
255
255
  <a href="#">mary-test</a>
256
256
  </div>
257
257
  </dd>
258
258
  </div>
259
- <div class="pf-v5-c-description-list__group">
260
- <dt class="pf-v5-c-description-list__term">
261
- <span class="pf-v5-c-description-list__text">Labels</span>
259
+ <div class="pf-v6-c-description-list__group">
260
+ <dt class="pf-v6-c-description-list__term">
261
+ <span class="pf-v6-c-description-list__text">Labels</span>
262
262
  </dt>
263
- <dd class="pf-v5-c-description-list__description">
264
- <div class="pf-v5-c-description-list__text">example</div>
263
+ <dd class="pf-v6-c-description-list__description">
264
+ <div class="pf-v6-c-description-list__text">example</div>
265
265
  </dd>
266
266
  </div>
267
- <div class="pf-v5-c-description-list__group">
268
- <dt class="pf-v5-c-description-list__term">
269
- <span class="pf-v5-c-description-list__text">Pod selector</span>
267
+ <div class="pf-v6-c-description-list__group">
268
+ <dt class="pf-v6-c-description-list__term">
269
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
270
270
  </dt>
271
- <dd class="pf-v5-c-description-list__description">
272
- <div class="pf-v5-c-description-list__text">
273
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
274
- <span class="pf-v5-c-button__icon pf-m-start">
271
+ <dd class="pf-v6-c-description-list__description">
272
+ <div class="pf-v6-c-description-list__text">
273
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
274
+ <span class="pf-v6-c-button__icon pf-m-start">
275
275
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
276
276
  </span>
277
277
  app=MyApp
@@ -279,12 +279,12 @@ cssPrefix: pf-v5-c-description-list
279
279
  </div>
280
280
  </dd>
281
281
  </div>
282
- <div class="pf-v5-c-description-list__group">
283
- <dt class="pf-v5-c-description-list__term">
284
- <span class="pf-v5-c-description-list__text">Annotation</span>
282
+ <div class="pf-v6-c-description-list__group">
283
+ <dt class="pf-v6-c-description-list__term">
284
+ <span class="pf-v6-c-description-list__text">Annotation</span>
285
285
  </dt>
286
- <dd class="pf-v5-c-description-list__description">
287
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
286
+ <dd class="pf-v6-c-description-list__description">
287
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
288
288
  </dd>
289
289
  </div>
290
290
  </dl>
@@ -294,41 +294,41 @@ cssPrefix: pf-v5-c-description-list
294
294
  ### Horizontal, two column
295
295
 
296
296
  ```html
297
- <dl class="pf-v5-c-description-list pf-m-horizontal pf-m-2-col">
298
- <div class="pf-v5-c-description-list__group">
299
- <dt class="pf-v5-c-description-list__term">
300
- <span class="pf-v5-c-description-list__text">Name</span>
297
+ <dl class="pf-v6-c-description-list pf-m-horizontal pf-m-2-col">
298
+ <div class="pf-v6-c-description-list__group">
299
+ <dt class="pf-v6-c-description-list__term">
300
+ <span class="pf-v6-c-description-list__text">Name</span>
301
301
  </dt>
302
- <dd class="pf-v5-c-description-list__description">
303
- <div class="pf-v5-c-description-list__text">example</div>
302
+ <dd class="pf-v6-c-description-list__description">
303
+ <div class="pf-v6-c-description-list__text">example</div>
304
304
  </dd>
305
305
  </div>
306
- <div class="pf-v5-c-description-list__group">
307
- <dt class="pf-v5-c-description-list__term">
308
- <span class="pf-v5-c-description-list__text">Namespace</span>
306
+ <div class="pf-v6-c-description-list__group">
307
+ <dt class="pf-v6-c-description-list__term">
308
+ <span class="pf-v6-c-description-list__text">Namespace</span>
309
309
  </dt>
310
- <dd class="pf-v5-c-description-list__description">
311
- <div class="pf-v5-c-description-list__text">
310
+ <dd class="pf-v6-c-description-list__description">
311
+ <div class="pf-v6-c-description-list__text">
312
312
  <a href="#">mary-test</a>
313
313
  </div>
314
314
  </dd>
315
315
  </div>
316
- <div class="pf-v5-c-description-list__group">
317
- <dt class="pf-v5-c-description-list__term">
318
- <span class="pf-v5-c-description-list__text">Labels</span>
316
+ <div class="pf-v6-c-description-list__group">
317
+ <dt class="pf-v6-c-description-list__term">
318
+ <span class="pf-v6-c-description-list__text">Labels</span>
319
319
  </dt>
320
- <dd class="pf-v5-c-description-list__description">
321
- <div class="pf-v5-c-description-list__text">example</div>
320
+ <dd class="pf-v6-c-description-list__description">
321
+ <div class="pf-v6-c-description-list__text">example</div>
322
322
  </dd>
323
323
  </div>
324
- <div class="pf-v5-c-description-list__group">
325
- <dt class="pf-v5-c-description-list__term">
326
- <span class="pf-v5-c-description-list__text">Pod selector</span>
324
+ <div class="pf-v6-c-description-list__group">
325
+ <dt class="pf-v6-c-description-list__term">
326
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
327
327
  </dt>
328
- <dd class="pf-v5-c-description-list__description">
329
- <div class="pf-v5-c-description-list__text">
330
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
331
- <span class="pf-v5-c-button__icon pf-m-start">
328
+ <dd class="pf-v6-c-description-list__description">
329
+ <div class="pf-v6-c-description-list__text">
330
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
331
+ <span class="pf-v6-c-button__icon pf-m-start">
332
332
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
333
333
  </span>
334
334
  app=MyApp
@@ -336,12 +336,12 @@ cssPrefix: pf-v5-c-description-list
336
336
  </div>
337
337
  </dd>
338
338
  </div>
339
- <div class="pf-v5-c-description-list__group">
340
- <dt class="pf-v5-c-description-list__term">
341
- <span class="pf-v5-c-description-list__text">Annotation</span>
339
+ <div class="pf-v6-c-description-list__group">
340
+ <dt class="pf-v6-c-description-list__term">
341
+ <span class="pf-v6-c-description-list__text">Annotation</span>
342
342
  </dt>
343
- <dd class="pf-v5-c-description-list__description">
344
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
343
+ <dd class="pf-v6-c-description-list__description">
344
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
345
345
  </dd>
346
346
  </div>
347
347
  </dl>
@@ -351,41 +351,41 @@ cssPrefix: pf-v5-c-description-list
351
351
  ### Horizontal, three column on lg breakpoint
352
352
 
353
353
  ```html
354
- <dl class="pf-v5-c-description-list pf-m-horizontal pf-m-3-col-on-lg">
355
- <div class="pf-v5-c-description-list__group">
356
- <dt class="pf-v5-c-description-list__term">
357
- <span class="pf-v5-c-description-list__text">Name</span>
354
+ <dl class="pf-v6-c-description-list pf-m-horizontal pf-m-3-col-on-lg">
355
+ <div class="pf-v6-c-description-list__group">
356
+ <dt class="pf-v6-c-description-list__term">
357
+ <span class="pf-v6-c-description-list__text">Name</span>
358
358
  </dt>
359
- <dd class="pf-v5-c-description-list__description">
360
- <div class="pf-v5-c-description-list__text">example</div>
359
+ <dd class="pf-v6-c-description-list__description">
360
+ <div class="pf-v6-c-description-list__text">example</div>
361
361
  </dd>
362
362
  </div>
363
- <div class="pf-v5-c-description-list__group">
364
- <dt class="pf-v5-c-description-list__term">
365
- <span class="pf-v5-c-description-list__text">Namespace</span>
363
+ <div class="pf-v6-c-description-list__group">
364
+ <dt class="pf-v6-c-description-list__term">
365
+ <span class="pf-v6-c-description-list__text">Namespace</span>
366
366
  </dt>
367
- <dd class="pf-v5-c-description-list__description">
368
- <div class="pf-v5-c-description-list__text">
367
+ <dd class="pf-v6-c-description-list__description">
368
+ <div class="pf-v6-c-description-list__text">
369
369
  <a href="#">mary-test</a>
370
370
  </div>
371
371
  </dd>
372
372
  </div>
373
- <div class="pf-v5-c-description-list__group">
374
- <dt class="pf-v5-c-description-list__term">
375
- <span class="pf-v5-c-description-list__text">Labels</span>
373
+ <div class="pf-v6-c-description-list__group">
374
+ <dt class="pf-v6-c-description-list__term">
375
+ <span class="pf-v6-c-description-list__text">Labels</span>
376
376
  </dt>
377
- <dd class="pf-v5-c-description-list__description">
378
- <div class="pf-v5-c-description-list__text">example</div>
377
+ <dd class="pf-v6-c-description-list__description">
378
+ <div class="pf-v6-c-description-list__text">example</div>
379
379
  </dd>
380
380
  </div>
381
- <div class="pf-v5-c-description-list__group">
382
- <dt class="pf-v5-c-description-list__term">
383
- <span class="pf-v5-c-description-list__text">Pod selector</span>
381
+ <div class="pf-v6-c-description-list__group">
382
+ <dt class="pf-v6-c-description-list__term">
383
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
384
384
  </dt>
385
- <dd class="pf-v5-c-description-list__description">
386
- <div class="pf-v5-c-description-list__text">
387
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
388
- <span class="pf-v5-c-button__icon pf-m-start">
385
+ <dd class="pf-v6-c-description-list__description">
386
+ <div class="pf-v6-c-description-list__text">
387
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
388
+ <span class="pf-v6-c-button__icon pf-m-start">
389
389
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
390
390
  </span>
391
391
  app=MyApp
@@ -393,12 +393,12 @@ cssPrefix: pf-v5-c-description-list
393
393
  </div>
394
394
  </dd>
395
395
  </div>
396
- <div class="pf-v5-c-description-list__group">
397
- <dt class="pf-v5-c-description-list__term">
398
- <span class="pf-v5-c-description-list__text">Annotation</span>
396
+ <div class="pf-v6-c-description-list__group">
397
+ <dt class="pf-v6-c-description-list__term">
398
+ <span class="pf-v6-c-description-list__text">Annotation</span>
399
399
  </dt>
400
- <dd class="pf-v5-c-description-list__description">
401
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
400
+ <dd class="pf-v6-c-description-list__description">
401
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
402
402
  </dd>
403
403
  </div>
404
404
  </dl>
@@ -408,41 +408,41 @@ cssPrefix: pf-v5-c-description-list
408
408
  ### Compact
409
409
 
410
410
  ```html
411
- <dl class="pf-v5-c-description-list pf-m-compact">
412
- <div class="pf-v5-c-description-list__group">
413
- <dt class="pf-v5-c-description-list__term">
414
- <span class="pf-v5-c-description-list__text">Name</span>
411
+ <dl class="pf-v6-c-description-list pf-m-compact">
412
+ <div class="pf-v6-c-description-list__group">
413
+ <dt class="pf-v6-c-description-list__term">
414
+ <span class="pf-v6-c-description-list__text">Name</span>
415
415
  </dt>
416
- <dd class="pf-v5-c-description-list__description">
417
- <div class="pf-v5-c-description-list__text">example</div>
416
+ <dd class="pf-v6-c-description-list__description">
417
+ <div class="pf-v6-c-description-list__text">example</div>
418
418
  </dd>
419
419
  </div>
420
- <div class="pf-v5-c-description-list__group">
421
- <dt class="pf-v5-c-description-list__term">
422
- <span class="pf-v5-c-description-list__text">Namespace</span>
420
+ <div class="pf-v6-c-description-list__group">
421
+ <dt class="pf-v6-c-description-list__term">
422
+ <span class="pf-v6-c-description-list__text">Namespace</span>
423
423
  </dt>
424
- <dd class="pf-v5-c-description-list__description">
425
- <div class="pf-v5-c-description-list__text">
424
+ <dd class="pf-v6-c-description-list__description">
425
+ <div class="pf-v6-c-description-list__text">
426
426
  <a href="#">mary-test</a>
427
427
  </div>
428
428
  </dd>
429
429
  </div>
430
- <div class="pf-v5-c-description-list__group">
431
- <dt class="pf-v5-c-description-list__term">
432
- <span class="pf-v5-c-description-list__text">Labels</span>
430
+ <div class="pf-v6-c-description-list__group">
431
+ <dt class="pf-v6-c-description-list__term">
432
+ <span class="pf-v6-c-description-list__text">Labels</span>
433
433
  </dt>
434
- <dd class="pf-v5-c-description-list__description">
435
- <div class="pf-v5-c-description-list__text">example</div>
434
+ <dd class="pf-v6-c-description-list__description">
435
+ <div class="pf-v6-c-description-list__text">example</div>
436
436
  </dd>
437
437
  </div>
438
- <div class="pf-v5-c-description-list__group">
439
- <dt class="pf-v5-c-description-list__term">
440
- <span class="pf-v5-c-description-list__text">Pod selector</span>
438
+ <div class="pf-v6-c-description-list__group">
439
+ <dt class="pf-v6-c-description-list__term">
440
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
441
441
  </dt>
442
- <dd class="pf-v5-c-description-list__description">
443
- <div class="pf-v5-c-description-list__text">
444
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
445
- <span class="pf-v5-c-button__icon pf-m-start">
442
+ <dd class="pf-v6-c-description-list__description">
443
+ <div class="pf-v6-c-description-list__text">
444
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
445
+ <span class="pf-v6-c-button__icon pf-m-start">
446
446
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
447
447
  </span>
448
448
  app=MyApp
@@ -450,12 +450,12 @@ cssPrefix: pf-v5-c-description-list
450
450
  </div>
451
451
  </dd>
452
452
  </div>
453
- <div class="pf-v5-c-description-list__group">
454
- <dt class="pf-v5-c-description-list__term">
455
- <span class="pf-v5-c-description-list__text">Annotation</span>
453
+ <div class="pf-v6-c-description-list__group">
454
+ <dt class="pf-v6-c-description-list__term">
455
+ <span class="pf-v6-c-description-list__text">Annotation</span>
456
456
  </dt>
457
- <dd class="pf-v5-c-description-list__description">
458
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
457
+ <dd class="pf-v6-c-description-list__description">
458
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
459
459
  </dd>
460
460
  </div>
461
461
  </dl>
@@ -465,41 +465,41 @@ cssPrefix: pf-v5-c-description-list
465
465
  ### Compact horizontal
466
466
 
467
467
  ```html
468
- <dl class="pf-v5-c-description-list pf-m-compact pf-m-horizontal pf-m-2-col">
469
- <div class="pf-v5-c-description-list__group">
470
- <dt class="pf-v5-c-description-list__term">
471
- <span class="pf-v5-c-description-list__text">Name</span>
468
+ <dl class="pf-v6-c-description-list pf-m-compact pf-m-horizontal pf-m-2-col">
469
+ <div class="pf-v6-c-description-list__group">
470
+ <dt class="pf-v6-c-description-list__term">
471
+ <span class="pf-v6-c-description-list__text">Name</span>
472
472
  </dt>
473
- <dd class="pf-v5-c-description-list__description">
474
- <div class="pf-v5-c-description-list__text">example</div>
473
+ <dd class="pf-v6-c-description-list__description">
474
+ <div class="pf-v6-c-description-list__text">example</div>
475
475
  </dd>
476
476
  </div>
477
- <div class="pf-v5-c-description-list__group">
478
- <dt class="pf-v5-c-description-list__term">
479
- <span class="pf-v5-c-description-list__text">Namespace</span>
477
+ <div class="pf-v6-c-description-list__group">
478
+ <dt class="pf-v6-c-description-list__term">
479
+ <span class="pf-v6-c-description-list__text">Namespace</span>
480
480
  </dt>
481
- <dd class="pf-v5-c-description-list__description">
482
- <div class="pf-v5-c-description-list__text">
481
+ <dd class="pf-v6-c-description-list__description">
482
+ <div class="pf-v6-c-description-list__text">
483
483
  <a href="#">mary-test</a>
484
484
  </div>
485
485
  </dd>
486
486
  </div>
487
- <div class="pf-v5-c-description-list__group">
488
- <dt class="pf-v5-c-description-list__term">
489
- <span class="pf-v5-c-description-list__text">Labels</span>
487
+ <div class="pf-v6-c-description-list__group">
488
+ <dt class="pf-v6-c-description-list__term">
489
+ <span class="pf-v6-c-description-list__text">Labels</span>
490
490
  </dt>
491
- <dd class="pf-v5-c-description-list__description">
492
- <div class="pf-v5-c-description-list__text">example</div>
491
+ <dd class="pf-v6-c-description-list__description">
492
+ <div class="pf-v6-c-description-list__text">example</div>
493
493
  </dd>
494
494
  </div>
495
- <div class="pf-v5-c-description-list__group">
496
- <dt class="pf-v5-c-description-list__term">
497
- <span class="pf-v5-c-description-list__text">Pod selector</span>
495
+ <div class="pf-v6-c-description-list__group">
496
+ <dt class="pf-v6-c-description-list__term">
497
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
498
498
  </dt>
499
- <dd class="pf-v5-c-description-list__description">
500
- <div class="pf-v5-c-description-list__text">
501
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
502
- <span class="pf-v5-c-button__icon pf-m-start">
499
+ <dd class="pf-v6-c-description-list__description">
500
+ <div class="pf-v6-c-description-list__text">
501
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
502
+ <span class="pf-v6-c-button__icon pf-m-start">
503
503
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
504
504
  </span>
505
505
  app=MyApp
@@ -507,12 +507,12 @@ cssPrefix: pf-v5-c-description-list
507
507
  </div>
508
508
  </dd>
509
509
  </div>
510
- <div class="pf-v5-c-description-list__group">
511
- <dt class="pf-v5-c-description-list__term">
512
- <span class="pf-v5-c-description-list__text">Annotation</span>
510
+ <div class="pf-v6-c-description-list__group">
511
+ <dt class="pf-v6-c-description-list__term">
512
+ <span class="pf-v6-c-description-list__text">Annotation</span>
513
513
  </dt>
514
- <dd class="pf-v5-c-description-list__description">
515
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
514
+ <dd class="pf-v6-c-description-list__description">
515
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
516
516
  </dd>
517
517
  </div>
518
518
  </dl>
@@ -522,41 +522,41 @@ cssPrefix: pf-v5-c-description-list
522
522
  ### Fluid horizontal
523
523
 
524
524
  ```html
525
- <dl class="pf-v5-c-description-list pf-m-horizontal pf-m-fluid pf-m-2-col">
526
- <div class="pf-v5-c-description-list__group">
527
- <dt class="pf-v5-c-description-list__term">
528
- <span class="pf-v5-c-description-list__text">Name</span>
525
+ <dl class="pf-v6-c-description-list pf-m-horizontal pf-m-fluid pf-m-2-col">
526
+ <div class="pf-v6-c-description-list__group">
527
+ <dt class="pf-v6-c-description-list__term">
528
+ <span class="pf-v6-c-description-list__text">Name</span>
529
529
  </dt>
530
- <dd class="pf-v5-c-description-list__description">
531
- <div class="pf-v5-c-description-list__text">example</div>
530
+ <dd class="pf-v6-c-description-list__description">
531
+ <div class="pf-v6-c-description-list__text">example</div>
532
532
  </dd>
533
533
  </div>
534
- <div class="pf-v5-c-description-list__group">
535
- <dt class="pf-v5-c-description-list__term">
536
- <span class="pf-v5-c-description-list__text">Namespace</span>
534
+ <div class="pf-v6-c-description-list__group">
535
+ <dt class="pf-v6-c-description-list__term">
536
+ <span class="pf-v6-c-description-list__text">Namespace</span>
537
537
  </dt>
538
- <dd class="pf-v5-c-description-list__description">
539
- <div class="pf-v5-c-description-list__text">
538
+ <dd class="pf-v6-c-description-list__description">
539
+ <div class="pf-v6-c-description-list__text">
540
540
  <a href="#">mary-test</a>
541
541
  </div>
542
542
  </dd>
543
543
  </div>
544
- <div class="pf-v5-c-description-list__group">
545
- <dt class="pf-v5-c-description-list__term">
546
- <span class="pf-v5-c-description-list__text">Labels</span>
544
+ <div class="pf-v6-c-description-list__group">
545
+ <dt class="pf-v6-c-description-list__term">
546
+ <span class="pf-v6-c-description-list__text">Labels</span>
547
547
  </dt>
548
- <dd class="pf-v5-c-description-list__description">
549
- <div class="pf-v5-c-description-list__text">example</div>
548
+ <dd class="pf-v6-c-description-list__description">
549
+ <div class="pf-v6-c-description-list__text">example</div>
550
550
  </dd>
551
551
  </div>
552
- <div class="pf-v5-c-description-list__group">
553
- <dt class="pf-v5-c-description-list__term">
554
- <span class="pf-v5-c-description-list__text">Pod selector</span>
552
+ <div class="pf-v6-c-description-list__group">
553
+ <dt class="pf-v6-c-description-list__term">
554
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
555
555
  </dt>
556
- <dd class="pf-v5-c-description-list__description">
557
- <div class="pf-v5-c-description-list__text">
558
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
559
- <span class="pf-v5-c-button__icon pf-m-start">
556
+ <dd class="pf-v6-c-description-list__description">
557
+ <div class="pf-v6-c-description-list__text">
558
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
559
+ <span class="pf-v6-c-button__icon pf-m-start">
560
560
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
561
561
  </span>
562
562
  app=MyApp
@@ -564,12 +564,12 @@ cssPrefix: pf-v5-c-description-list
564
564
  </div>
565
565
  </dd>
566
566
  </div>
567
- <div class="pf-v5-c-description-list__group">
568
- <dt class="pf-v5-c-description-list__term">
569
- <span class="pf-v5-c-description-list__text">Annotation</span>
567
+ <div class="pf-v6-c-description-list__group">
568
+ <dt class="pf-v6-c-description-list__term">
569
+ <span class="pf-v6-c-description-list__text">Annotation</span>
570
570
  </dt>
571
- <dd class="pf-v5-c-description-list__description">
572
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
571
+ <dd class="pf-v6-c-description-list__description">
572
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
573
573
  </dd>
574
574
  </div>
575
575
  </dl>
@@ -582,44 +582,44 @@ Column fill will modify the default placement of description list groups to fill
582
582
 
583
583
  ```html
584
584
  <dl
585
- class="pf-v5-c-description-list pf-m-fill-columns pf-m-2-col pf-m-3-col-on-lg"
585
+ class="pf-v6-c-description-list pf-m-fill-columns pf-m-2-col pf-m-3-col-on-lg"
586
586
  >
587
- <div class="pf-v5-c-description-list__group">
588
- <dt class="pf-v5-c-description-list__term">
589
- <span class="pf-v5-c-description-list__text">Name</span>
587
+ <div class="pf-v6-c-description-list__group">
588
+ <dt class="pf-v6-c-description-list__term">
589
+ <span class="pf-v6-c-description-list__text">Name</span>
590
590
  </dt>
591
- <dd class="pf-v5-c-description-list__description">
591
+ <dd class="pf-v6-c-description-list__description">
592
592
  <div
593
- class="pf-v5-c-description-list__text"
593
+ class="pf-v6-c-description-list__text"
594
594
  >This is a long description that should wrap to multiple lines in a multi-column layout.</div>
595
595
  </dd>
596
596
  </div>
597
- <div class="pf-v5-c-description-list__group">
598
- <dt class="pf-v5-c-description-list__term">
599
- <span class="pf-v5-c-description-list__text">Namespace</span>
597
+ <div class="pf-v6-c-description-list__group">
598
+ <dt class="pf-v6-c-description-list__term">
599
+ <span class="pf-v6-c-description-list__text">Namespace</span>
600
600
  </dt>
601
- <dd class="pf-v5-c-description-list__description">
602
- <div class="pf-v5-c-description-list__text">
601
+ <dd class="pf-v6-c-description-list__description">
602
+ <div class="pf-v6-c-description-list__text">
603
603
  <a href="#">mary-test</a>
604
604
  </div>
605
605
  </dd>
606
606
  </div>
607
- <div class="pf-v5-c-description-list__group">
608
- <dt class="pf-v5-c-description-list__term">
609
- <span class="pf-v5-c-description-list__text">Labels</span>
607
+ <div class="pf-v6-c-description-list__group">
608
+ <dt class="pf-v6-c-description-list__term">
609
+ <span class="pf-v6-c-description-list__text">Labels</span>
610
610
  </dt>
611
- <dd class="pf-v5-c-description-list__description">
612
- <div class="pf-v5-c-description-list__text">example</div>
611
+ <dd class="pf-v6-c-description-list__description">
612
+ <div class="pf-v6-c-description-list__text">example</div>
613
613
  </dd>
614
614
  </div>
615
- <div class="pf-v5-c-description-list__group">
616
- <dt class="pf-v5-c-description-list__term">
617
- <span class="pf-v5-c-description-list__text">Pod selector</span>
615
+ <div class="pf-v6-c-description-list__group">
616
+ <dt class="pf-v6-c-description-list__term">
617
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
618
618
  </dt>
619
- <dd class="pf-v5-c-description-list__description">
620
- <div class="pf-v5-c-description-list__text">
621
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
622
- <span class="pf-v5-c-button__icon pf-m-start">
619
+ <dd class="pf-v6-c-description-list__description">
620
+ <div class="pf-v6-c-description-list__text">
621
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
622
+ <span class="pf-v6-c-button__icon pf-m-start">
623
623
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
624
624
  </span>
625
625
  app=MyApp
@@ -627,12 +627,12 @@ Column fill will modify the default placement of description list groups to fill
627
627
  </div>
628
628
  </dd>
629
629
  </div>
630
- <div class="pf-v5-c-description-list__group">
631
- <dt class="pf-v5-c-description-list__term">
632
- <span class="pf-v5-c-description-list__text">Annotation</span>
630
+ <div class="pf-v6-c-description-list__group">
631
+ <dt class="pf-v6-c-description-list__term">
632
+ <span class="pf-v6-c-description-list__text">Annotation</span>
633
633
  </dt>
634
- <dd class="pf-v5-c-description-list__description">
635
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
634
+ <dd class="pf-v6-c-description-list__description">
635
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
636
636
  </dd>
637
637
  </div>
638
638
  </dl>
@@ -644,41 +644,41 @@ Column fill will modify the default placement of description list groups to fill
644
644
  ### Auto-fit basic
645
645
 
646
646
  ```html
647
- <dl class="pf-v5-c-description-list pf-m-auto-fit">
648
- <div class="pf-v5-c-description-list__group">
649
- <dt class="pf-v5-c-description-list__term">
650
- <span class="pf-v5-c-description-list__text">Name</span>
647
+ <dl class="pf-v6-c-description-list pf-m-auto-fit">
648
+ <div class="pf-v6-c-description-list__group">
649
+ <dt class="pf-v6-c-description-list__term">
650
+ <span class="pf-v6-c-description-list__text">Name</span>
651
651
  </dt>
652
- <dd class="pf-v5-c-description-list__description">
653
- <div class="pf-v5-c-description-list__text">example</div>
652
+ <dd class="pf-v6-c-description-list__description">
653
+ <div class="pf-v6-c-description-list__text">example</div>
654
654
  </dd>
655
655
  </div>
656
- <div class="pf-v5-c-description-list__group">
657
- <dt class="pf-v5-c-description-list__term">
658
- <span class="pf-v5-c-description-list__text">Namespace</span>
656
+ <div class="pf-v6-c-description-list__group">
657
+ <dt class="pf-v6-c-description-list__term">
658
+ <span class="pf-v6-c-description-list__text">Namespace</span>
659
659
  </dt>
660
- <dd class="pf-v5-c-description-list__description">
661
- <div class="pf-v5-c-description-list__text">
660
+ <dd class="pf-v6-c-description-list__description">
661
+ <div class="pf-v6-c-description-list__text">
662
662
  <a href="#">mary-test</a>
663
663
  </div>
664
664
  </dd>
665
665
  </div>
666
- <div class="pf-v5-c-description-list__group">
667
- <dt class="pf-v5-c-description-list__term">
668
- <span class="pf-v5-c-description-list__text">Labels</span>
666
+ <div class="pf-v6-c-description-list__group">
667
+ <dt class="pf-v6-c-description-list__term">
668
+ <span class="pf-v6-c-description-list__text">Labels</span>
669
669
  </dt>
670
- <dd class="pf-v5-c-description-list__description">
671
- <div class="pf-v5-c-description-list__text">example</div>
670
+ <dd class="pf-v6-c-description-list__description">
671
+ <div class="pf-v6-c-description-list__text">example</div>
672
672
  </dd>
673
673
  </div>
674
- <div class="pf-v5-c-description-list__group">
675
- <dt class="pf-v5-c-description-list__term">
676
- <span class="pf-v5-c-description-list__text">Pod selector</span>
674
+ <div class="pf-v6-c-description-list__group">
675
+ <dt class="pf-v6-c-description-list__term">
676
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
677
677
  </dt>
678
- <dd class="pf-v5-c-description-list__description">
679
- <div class="pf-v5-c-description-list__text">
680
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
681
- <span class="pf-v5-c-button__icon pf-m-start">
678
+ <dd class="pf-v6-c-description-list__description">
679
+ <div class="pf-v6-c-description-list__text">
680
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
681
+ <span class="pf-v6-c-button__icon pf-m-start">
682
682
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
683
683
  </span>
684
684
  app=MyApp
@@ -686,12 +686,12 @@ Column fill will modify the default placement of description list groups to fill
686
686
  </div>
687
687
  </dd>
688
688
  </div>
689
- <div class="pf-v5-c-description-list__group">
690
- <dt class="pf-v5-c-description-list__term">
691
- <span class="pf-v5-c-description-list__text">Annotation</span>
689
+ <div class="pf-v6-c-description-list__group">
690
+ <dt class="pf-v6-c-description-list__term">
691
+ <span class="pf-v6-c-description-list__text">Annotation</span>
692
692
  </dt>
693
- <dd class="pf-v5-c-description-list__description">
694
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
693
+ <dd class="pf-v6-c-description-list__description">
694
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
695
695
  </dd>
696
696
  </div>
697
697
  </dl>
@@ -702,43 +702,43 @@ Column fill will modify the default placement of description list groups to fill
702
702
 
703
703
  ```html
704
704
  <dl
705
- class="pf-v5-c-description-list pf-m-auto-fit"
705
+ class="pf-v6-c-description-list pf-m-auto-fit"
706
706
  style="--pf-v5-c-description-list--GridTemplateColumns--min: 200px;"
707
707
  >
708
- <div class="pf-v5-c-description-list__group">
709
- <dt class="pf-v5-c-description-list__term">
710
- <span class="pf-v5-c-description-list__text">Name</span>
708
+ <div class="pf-v6-c-description-list__group">
709
+ <dt class="pf-v6-c-description-list__term">
710
+ <span class="pf-v6-c-description-list__text">Name</span>
711
711
  </dt>
712
- <dd class="pf-v5-c-description-list__description">
713
- <div class="pf-v5-c-description-list__text">example</div>
712
+ <dd class="pf-v6-c-description-list__description">
713
+ <div class="pf-v6-c-description-list__text">example</div>
714
714
  </dd>
715
715
  </div>
716
- <div class="pf-v5-c-description-list__group">
717
- <dt class="pf-v5-c-description-list__term">
718
- <span class="pf-v5-c-description-list__text">Namespace</span>
716
+ <div class="pf-v6-c-description-list__group">
717
+ <dt class="pf-v6-c-description-list__term">
718
+ <span class="pf-v6-c-description-list__text">Namespace</span>
719
719
  </dt>
720
- <dd class="pf-v5-c-description-list__description">
721
- <div class="pf-v5-c-description-list__text">
720
+ <dd class="pf-v6-c-description-list__description">
721
+ <div class="pf-v6-c-description-list__text">
722
722
  <a href="#">mary-test</a>
723
723
  </div>
724
724
  </dd>
725
725
  </div>
726
- <div class="pf-v5-c-description-list__group">
727
- <dt class="pf-v5-c-description-list__term">
728
- <span class="pf-v5-c-description-list__text">Labels</span>
726
+ <div class="pf-v6-c-description-list__group">
727
+ <dt class="pf-v6-c-description-list__term">
728
+ <span class="pf-v6-c-description-list__text">Labels</span>
729
729
  </dt>
730
- <dd class="pf-v5-c-description-list__description">
731
- <div class="pf-v5-c-description-list__text">example</div>
730
+ <dd class="pf-v6-c-description-list__description">
731
+ <div class="pf-v6-c-description-list__text">example</div>
732
732
  </dd>
733
733
  </div>
734
- <div class="pf-v5-c-description-list__group">
735
- <dt class="pf-v5-c-description-list__term">
736
- <span class="pf-v5-c-description-list__text">Pod selector</span>
734
+ <div class="pf-v6-c-description-list__group">
735
+ <dt class="pf-v6-c-description-list__term">
736
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
737
737
  </dt>
738
- <dd class="pf-v5-c-description-list__description">
739
- <div class="pf-v5-c-description-list__text">
740
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
741
- <span class="pf-v5-c-button__icon pf-m-start">
738
+ <dd class="pf-v6-c-description-list__description">
739
+ <div class="pf-v6-c-description-list__text">
740
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
741
+ <span class="pf-v6-c-button__icon pf-m-start">
742
742
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
743
743
  </span>
744
744
  app=MyApp
@@ -746,12 +746,12 @@ Column fill will modify the default placement of description list groups to fill
746
746
  </div>
747
747
  </dd>
748
748
  </div>
749
- <div class="pf-v5-c-description-list__group">
750
- <dt class="pf-v5-c-description-list__term">
751
- <span class="pf-v5-c-description-list__text">Annotation</span>
749
+ <div class="pf-v6-c-description-list__group">
750
+ <dt class="pf-v6-c-description-list__term">
751
+ <span class="pf-v6-c-description-list__text">Annotation</span>
752
752
  </dt>
753
- <dd class="pf-v5-c-description-list__description">
754
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
753
+ <dd class="pf-v6-c-description-list__description">
754
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
755
755
  </dd>
756
756
  </div>
757
757
  </dl>
@@ -762,43 +762,43 @@ Column fill will modify the default placement of description list groups to fill
762
762
 
763
763
  ```html
764
764
  <dl
765
- class="pf-v5-c-description-list pf-m-auto-fit"
765
+ class="pf-v6-c-description-list pf-m-auto-fit"
766
766
  style="--pf-v5-c-description-list--GridTemplateColumns--min-on-md: 100px; --pf-v5-c-description-list--GridTemplateColumns--min-on-lg: 150px; --pf-v5-c-description-list--GridTemplateColumns--min-on-xl: 200px; --pf-v5-c-description-list--GridTemplateColumns--min-on-2xl: 300px;"
767
767
  >
768
- <div class="pf-v5-c-description-list__group">
769
- <dt class="pf-v5-c-description-list__term">
770
- <span class="pf-v5-c-description-list__text">Name</span>
768
+ <div class="pf-v6-c-description-list__group">
769
+ <dt class="pf-v6-c-description-list__term">
770
+ <span class="pf-v6-c-description-list__text">Name</span>
771
771
  </dt>
772
- <dd class="pf-v5-c-description-list__description">
773
- <div class="pf-v5-c-description-list__text">example</div>
772
+ <dd class="pf-v6-c-description-list__description">
773
+ <div class="pf-v6-c-description-list__text">example</div>
774
774
  </dd>
775
775
  </div>
776
- <div class="pf-v5-c-description-list__group">
777
- <dt class="pf-v5-c-description-list__term">
778
- <span class="pf-v5-c-description-list__text">Namespace</span>
776
+ <div class="pf-v6-c-description-list__group">
777
+ <dt class="pf-v6-c-description-list__term">
778
+ <span class="pf-v6-c-description-list__text">Namespace</span>
779
779
  </dt>
780
- <dd class="pf-v5-c-description-list__description">
781
- <div class="pf-v5-c-description-list__text">
780
+ <dd class="pf-v6-c-description-list__description">
781
+ <div class="pf-v6-c-description-list__text">
782
782
  <a href="#">mary-test</a>
783
783
  </div>
784
784
  </dd>
785
785
  </div>
786
- <div class="pf-v5-c-description-list__group">
787
- <dt class="pf-v5-c-description-list__term">
788
- <span class="pf-v5-c-description-list__text">Labels</span>
786
+ <div class="pf-v6-c-description-list__group">
787
+ <dt class="pf-v6-c-description-list__term">
788
+ <span class="pf-v6-c-description-list__text">Labels</span>
789
789
  </dt>
790
- <dd class="pf-v5-c-description-list__description">
791
- <div class="pf-v5-c-description-list__text">example</div>
790
+ <dd class="pf-v6-c-description-list__description">
791
+ <div class="pf-v6-c-description-list__text">example</div>
792
792
  </dd>
793
793
  </div>
794
- <div class="pf-v5-c-description-list__group">
795
- <dt class="pf-v5-c-description-list__term">
796
- <span class="pf-v5-c-description-list__text">Pod selector</span>
794
+ <div class="pf-v6-c-description-list__group">
795
+ <dt class="pf-v6-c-description-list__term">
796
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
797
797
  </dt>
798
- <dd class="pf-v5-c-description-list__description">
799
- <div class="pf-v5-c-description-list__text">
800
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
801
- <span class="pf-v5-c-button__icon pf-m-start">
798
+ <dd class="pf-v6-c-description-list__description">
799
+ <div class="pf-v6-c-description-list__text">
800
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
801
+ <span class="pf-v6-c-button__icon pf-m-start">
802
802
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
803
803
  </span>
804
804
  app=MyApp
@@ -806,12 +806,12 @@ Column fill will modify the default placement of description list groups to fill
806
806
  </div>
807
807
  </dd>
808
808
  </div>
809
- <div class="pf-v5-c-description-list__group">
810
- <dt class="pf-v5-c-description-list__term">
811
- <span class="pf-v5-c-description-list__text">Annotation</span>
809
+ <div class="pf-v6-c-description-list__group">
810
+ <dt class="pf-v6-c-description-list__term">
811
+ <span class="pf-v6-c-description-list__text">Annotation</span>
812
812
  </dt>
813
- <dd class="pf-v5-c-description-list__description">
814
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
813
+ <dd class="pf-v6-c-description-list__description">
814
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
815
815
  </dd>
816
816
  </div>
817
817
  </dl>
@@ -823,41 +823,41 @@ Column fill will modify the default placement of description list groups to fill
823
823
  ### Default, responsive columns
824
824
 
825
825
  ```html
826
- <dl class="pf-v5-c-description-list pf-m-2-col-on-lg pf-m-3-col-on-xl">
827
- <div class="pf-v5-c-description-list__group">
828
- <dt class="pf-v5-c-description-list__term">
829
- <span class="pf-v5-c-description-list__text">Name</span>
826
+ <dl class="pf-v6-c-description-list pf-m-2-col-on-lg pf-m-3-col-on-xl">
827
+ <div class="pf-v6-c-description-list__group">
828
+ <dt class="pf-v6-c-description-list__term">
829
+ <span class="pf-v6-c-description-list__text">Name</span>
830
830
  </dt>
831
- <dd class="pf-v5-c-description-list__description">
832
- <div class="pf-v5-c-description-list__text">example</div>
831
+ <dd class="pf-v6-c-description-list__description">
832
+ <div class="pf-v6-c-description-list__text">example</div>
833
833
  </dd>
834
834
  </div>
835
- <div class="pf-v5-c-description-list__group">
836
- <dt class="pf-v5-c-description-list__term">
837
- <span class="pf-v5-c-description-list__text">Namespace</span>
835
+ <div class="pf-v6-c-description-list__group">
836
+ <dt class="pf-v6-c-description-list__term">
837
+ <span class="pf-v6-c-description-list__text">Namespace</span>
838
838
  </dt>
839
- <dd class="pf-v5-c-description-list__description">
840
- <div class="pf-v5-c-description-list__text">
839
+ <dd class="pf-v6-c-description-list__description">
840
+ <div class="pf-v6-c-description-list__text">
841
841
  <a href="#">mary-test</a>
842
842
  </div>
843
843
  </dd>
844
844
  </div>
845
- <div class="pf-v5-c-description-list__group">
846
- <dt class="pf-v5-c-description-list__term">
847
- <span class="pf-v5-c-description-list__text">Labels</span>
845
+ <div class="pf-v6-c-description-list__group">
846
+ <dt class="pf-v6-c-description-list__term">
847
+ <span class="pf-v6-c-description-list__text">Labels</span>
848
848
  </dt>
849
- <dd class="pf-v5-c-description-list__description">
850
- <div class="pf-v5-c-description-list__text">example</div>
849
+ <dd class="pf-v6-c-description-list__description">
850
+ <div class="pf-v6-c-description-list__text">example</div>
851
851
  </dd>
852
852
  </div>
853
- <div class="pf-v5-c-description-list__group">
854
- <dt class="pf-v5-c-description-list__term">
855
- <span class="pf-v5-c-description-list__text">Pod selector</span>
853
+ <div class="pf-v6-c-description-list__group">
854
+ <dt class="pf-v6-c-description-list__term">
855
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
856
856
  </dt>
857
- <dd class="pf-v5-c-description-list__description">
858
- <div class="pf-v5-c-description-list__text">
859
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
860
- <span class="pf-v5-c-button__icon pf-m-start">
857
+ <dd class="pf-v6-c-description-list__description">
858
+ <div class="pf-v6-c-description-list__text">
859
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
860
+ <span class="pf-v6-c-button__icon pf-m-start">
861
861
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
862
862
  </span>
863
863
  app=MyApp
@@ -865,12 +865,12 @@ Column fill will modify the default placement of description list groups to fill
865
865
  </div>
866
866
  </dd>
867
867
  </div>
868
- <div class="pf-v5-c-description-list__group">
869
- <dt class="pf-v5-c-description-list__term">
870
- <span class="pf-v5-c-description-list__text">Annotation</span>
868
+ <div class="pf-v6-c-description-list__group">
869
+ <dt class="pf-v6-c-description-list__term">
870
+ <span class="pf-v6-c-description-list__text">Annotation</span>
871
871
  </dt>
872
- <dd class="pf-v5-c-description-list__description">
873
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
872
+ <dd class="pf-v6-c-description-list__description">
873
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
874
874
  </dd>
875
875
  </div>
876
876
  </dl>
@@ -881,42 +881,42 @@ Column fill will modify the default placement of description list groups to fill
881
881
 
882
882
  ```html
883
883
  <dl
884
- class="pf-v5-c-description-list pf-m-horizontal pf-m-2-col-on-lg pf-m-3-col-on-xl"
884
+ class="pf-v6-c-description-list pf-m-horizontal pf-m-2-col-on-lg pf-m-3-col-on-xl"
885
885
  >
886
- <div class="pf-v5-c-description-list__group">
887
- <dt class="pf-v5-c-description-list__term">
888
- <span class="pf-v5-c-description-list__text">Name</span>
886
+ <div class="pf-v6-c-description-list__group">
887
+ <dt class="pf-v6-c-description-list__term">
888
+ <span class="pf-v6-c-description-list__text">Name</span>
889
889
  </dt>
890
- <dd class="pf-v5-c-description-list__description">
891
- <div class="pf-v5-c-description-list__text">example</div>
890
+ <dd class="pf-v6-c-description-list__description">
891
+ <div class="pf-v6-c-description-list__text">example</div>
892
892
  </dd>
893
893
  </div>
894
- <div class="pf-v5-c-description-list__group">
895
- <dt class="pf-v5-c-description-list__term">
896
- <span class="pf-v5-c-description-list__text">Namespace</span>
894
+ <div class="pf-v6-c-description-list__group">
895
+ <dt class="pf-v6-c-description-list__term">
896
+ <span class="pf-v6-c-description-list__text">Namespace</span>
897
897
  </dt>
898
- <dd class="pf-v5-c-description-list__description">
899
- <div class="pf-v5-c-description-list__text">
898
+ <dd class="pf-v6-c-description-list__description">
899
+ <div class="pf-v6-c-description-list__text">
900
900
  <a href="#">mary-test</a>
901
901
  </div>
902
902
  </dd>
903
903
  </div>
904
- <div class="pf-v5-c-description-list__group">
905
- <dt class="pf-v5-c-description-list__term">
906
- <span class="pf-v5-c-description-list__text">Labels</span>
904
+ <div class="pf-v6-c-description-list__group">
905
+ <dt class="pf-v6-c-description-list__term">
906
+ <span class="pf-v6-c-description-list__text">Labels</span>
907
907
  </dt>
908
- <dd class="pf-v5-c-description-list__description">
909
- <div class="pf-v5-c-description-list__text">example</div>
908
+ <dd class="pf-v6-c-description-list__description">
909
+ <div class="pf-v6-c-description-list__text">example</div>
910
910
  </dd>
911
911
  </div>
912
- <div class="pf-v5-c-description-list__group">
913
- <dt class="pf-v5-c-description-list__term">
914
- <span class="pf-v5-c-description-list__text">Pod selector</span>
912
+ <div class="pf-v6-c-description-list__group">
913
+ <dt class="pf-v6-c-description-list__term">
914
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
915
915
  </dt>
916
- <dd class="pf-v5-c-description-list__description">
917
- <div class="pf-v5-c-description-list__text">
918
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
919
- <span class="pf-v5-c-button__icon pf-m-start">
916
+ <dd class="pf-v6-c-description-list__description">
917
+ <div class="pf-v6-c-description-list__text">
918
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
919
+ <span class="pf-v6-c-button__icon pf-m-start">
920
920
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
921
921
  </span>
922
922
  app=MyApp
@@ -924,12 +924,12 @@ Column fill will modify the default placement of description list groups to fill
924
924
  </div>
925
925
  </dd>
926
926
  </div>
927
- <div class="pf-v5-c-description-list__group">
928
- <dt class="pf-v5-c-description-list__term">
929
- <span class="pf-v5-c-description-list__text">Annotation</span>
927
+ <div class="pf-v6-c-description-list__group">
928
+ <dt class="pf-v6-c-description-list__term">
929
+ <span class="pf-v6-c-description-list__text">Annotation</span>
930
930
  </dt>
931
- <dd class="pf-v5-c-description-list__description">
932
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
931
+ <dd class="pf-v6-c-description-list__description">
932
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
933
933
  </dd>
934
934
  </div>
935
935
  </dl>
@@ -940,42 +940,42 @@ Column fill will modify the default placement of description list groups to fill
940
940
 
941
941
  ```html
942
942
  <dl
943
- class="pf-v5-c-description-list pf-m-horizontal pf-m-vertical-on-md pf-m-horizontal-on-lg pf-m-vertical-on-xl pf-m-horizontal-on-2xl"
943
+ class="pf-v6-c-description-list pf-m-horizontal pf-m-vertical-on-md pf-m-horizontal-on-lg pf-m-vertical-on-xl pf-m-horizontal-on-2xl"
944
944
  >
945
- <div class="pf-v5-c-description-list__group">
946
- <dt class="pf-v5-c-description-list__term">
947
- <span class="pf-v5-c-description-list__text">Name</span>
945
+ <div class="pf-v6-c-description-list__group">
946
+ <dt class="pf-v6-c-description-list__term">
947
+ <span class="pf-v6-c-description-list__text">Name</span>
948
948
  </dt>
949
- <dd class="pf-v5-c-description-list__description">
950
- <div class="pf-v5-c-description-list__text">example</div>
949
+ <dd class="pf-v6-c-description-list__description">
950
+ <div class="pf-v6-c-description-list__text">example</div>
951
951
  </dd>
952
952
  </div>
953
- <div class="pf-v5-c-description-list__group">
954
- <dt class="pf-v5-c-description-list__term">
955
- <span class="pf-v5-c-description-list__text">Namespace</span>
953
+ <div class="pf-v6-c-description-list__group">
954
+ <dt class="pf-v6-c-description-list__term">
955
+ <span class="pf-v6-c-description-list__text">Namespace</span>
956
956
  </dt>
957
- <dd class="pf-v5-c-description-list__description">
958
- <div class="pf-v5-c-description-list__text">
957
+ <dd class="pf-v6-c-description-list__description">
958
+ <div class="pf-v6-c-description-list__text">
959
959
  <a href="#">mary-test</a>
960
960
  </div>
961
961
  </dd>
962
962
  </div>
963
- <div class="pf-v5-c-description-list__group">
964
- <dt class="pf-v5-c-description-list__term">
965
- <span class="pf-v5-c-description-list__text">Labels</span>
963
+ <div class="pf-v6-c-description-list__group">
964
+ <dt class="pf-v6-c-description-list__term">
965
+ <span class="pf-v6-c-description-list__text">Labels</span>
966
966
  </dt>
967
- <dd class="pf-v5-c-description-list__description">
968
- <div class="pf-v5-c-description-list__text">example</div>
967
+ <dd class="pf-v6-c-description-list__description">
968
+ <div class="pf-v6-c-description-list__text">example</div>
969
969
  </dd>
970
970
  </div>
971
- <div class="pf-v5-c-description-list__group">
972
- <dt class="pf-v5-c-description-list__term">
973
- <span class="pf-v5-c-description-list__text">Pod selector</span>
971
+ <div class="pf-v6-c-description-list__group">
972
+ <dt class="pf-v6-c-description-list__term">
973
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
974
974
  </dt>
975
- <dd class="pf-v5-c-description-list__description">
976
- <div class="pf-v5-c-description-list__text">
977
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
978
- <span class="pf-v5-c-button__icon pf-m-start">
975
+ <dd class="pf-v6-c-description-list__description">
976
+ <div class="pf-v6-c-description-list__text">
977
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
978
+ <span class="pf-v6-c-button__icon pf-m-start">
979
979
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
980
980
  </span>
981
981
  app=MyApp
@@ -983,12 +983,12 @@ Column fill will modify the default placement of description list groups to fill
983
983
  </div>
984
984
  </dd>
985
985
  </div>
986
- <div class="pf-v5-c-description-list__group">
987
- <dt class="pf-v5-c-description-list__term">
988
- <span class="pf-v5-c-description-list__text">Annotation</span>
986
+ <div class="pf-v6-c-description-list__group">
987
+ <dt class="pf-v6-c-description-list__term">
988
+ <span class="pf-v6-c-description-list__text">Annotation</span>
989
989
  </dt>
990
- <dd class="pf-v5-c-description-list__description">
991
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
990
+ <dd class="pf-v6-c-description-list__description">
991
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
992
992
  </dd>
993
993
  </div>
994
994
  </dl>
@@ -1000,41 +1000,41 @@ Column fill will modify the default placement of description list groups to fill
1000
1000
  ### Default, auto columns width
1001
1001
 
1002
1002
  ```html
1003
- <dl class="pf-v5-c-description-list pf-m-auto-column-widths pf-m-3-col">
1004
- <div class="pf-v5-c-description-list__group">
1005
- <dt class="pf-v5-c-description-list__term">
1006
- <span class="pf-v5-c-description-list__text">Name</span>
1003
+ <dl class="pf-v6-c-description-list pf-m-auto-column-widths pf-m-3-col">
1004
+ <div class="pf-v6-c-description-list__group">
1005
+ <dt class="pf-v6-c-description-list__term">
1006
+ <span class="pf-v6-c-description-list__text">Name</span>
1007
1007
  </dt>
1008
- <dd class="pf-v5-c-description-list__description">
1009
- <div class="pf-v5-c-description-list__text">example</div>
1008
+ <dd class="pf-v6-c-description-list__description">
1009
+ <div class="pf-v6-c-description-list__text">example</div>
1010
1010
  </dd>
1011
1011
  </div>
1012
- <div class="pf-v5-c-description-list__group">
1013
- <dt class="pf-v5-c-description-list__term">
1014
- <span class="pf-v5-c-description-list__text">Namespace</span>
1012
+ <div class="pf-v6-c-description-list__group">
1013
+ <dt class="pf-v6-c-description-list__term">
1014
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1015
1015
  </dt>
1016
- <dd class="pf-v5-c-description-list__description">
1017
- <div class="pf-v5-c-description-list__text">
1016
+ <dd class="pf-v6-c-description-list__description">
1017
+ <div class="pf-v6-c-description-list__text">
1018
1018
  <a href="#">mary-test</a>
1019
1019
  </div>
1020
1020
  </dd>
1021
1021
  </div>
1022
- <div class="pf-v5-c-description-list__group">
1023
- <dt class="pf-v5-c-description-list__term">
1024
- <span class="pf-v5-c-description-list__text">Labels</span>
1022
+ <div class="pf-v6-c-description-list__group">
1023
+ <dt class="pf-v6-c-description-list__term">
1024
+ <span class="pf-v6-c-description-list__text">Labels</span>
1025
1025
  </dt>
1026
- <dd class="pf-v5-c-description-list__description">
1027
- <div class="pf-v5-c-description-list__text">example</div>
1026
+ <dd class="pf-v6-c-description-list__description">
1027
+ <div class="pf-v6-c-description-list__text">example</div>
1028
1028
  </dd>
1029
1029
  </div>
1030
- <div class="pf-v5-c-description-list__group">
1031
- <dt class="pf-v5-c-description-list__term">
1032
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1030
+ <div class="pf-v6-c-description-list__group">
1031
+ <dt class="pf-v6-c-description-list__term">
1032
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1033
1033
  </dt>
1034
- <dd class="pf-v5-c-description-list__description">
1035
- <div class="pf-v5-c-description-list__text">
1036
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1037
- <span class="pf-v5-c-button__icon pf-m-start">
1034
+ <dd class="pf-v6-c-description-list__description">
1035
+ <div class="pf-v6-c-description-list__text">
1036
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1037
+ <span class="pf-v6-c-button__icon pf-m-start">
1038
1038
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1039
1039
  </span>
1040
1040
  app=MyApp
@@ -1042,12 +1042,12 @@ Column fill will modify the default placement of description list groups to fill
1042
1042
  </div>
1043
1043
  </dd>
1044
1044
  </div>
1045
- <div class="pf-v5-c-description-list__group">
1046
- <dt class="pf-v5-c-description-list__term">
1047
- <span class="pf-v5-c-description-list__text">Annotation</span>
1045
+ <div class="pf-v6-c-description-list__group">
1046
+ <dt class="pf-v6-c-description-list__term">
1047
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1048
1048
  </dt>
1049
- <dd class="pf-v5-c-description-list__description">
1050
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1049
+ <dd class="pf-v6-c-description-list__description">
1050
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1051
1051
  </dd>
1052
1052
  </div>
1053
1053
  </dl>
@@ -1058,42 +1058,42 @@ Column fill will modify the default placement of description list groups to fill
1058
1058
 
1059
1059
  ```html
1060
1060
  <dl
1061
- class="pf-v5-c-description-list pf-m-horizontal pf-m-auto-column-widths pf-m-2-col-on-lg"
1061
+ class="pf-v6-c-description-list pf-m-horizontal pf-m-auto-column-widths pf-m-2-col-on-lg"
1062
1062
  >
1063
- <div class="pf-v5-c-description-list__group">
1064
- <dt class="pf-v5-c-description-list__term">
1065
- <span class="pf-v5-c-description-list__text">Name</span>
1063
+ <div class="pf-v6-c-description-list__group">
1064
+ <dt class="pf-v6-c-description-list__term">
1065
+ <span class="pf-v6-c-description-list__text">Name</span>
1066
1066
  </dt>
1067
- <dd class="pf-v5-c-description-list__description">
1068
- <div class="pf-v5-c-description-list__text">example</div>
1067
+ <dd class="pf-v6-c-description-list__description">
1068
+ <div class="pf-v6-c-description-list__text">example</div>
1069
1069
  </dd>
1070
1070
  </div>
1071
- <div class="pf-v5-c-description-list__group">
1072
- <dt class="pf-v5-c-description-list__term">
1073
- <span class="pf-v5-c-description-list__text">Namespace</span>
1071
+ <div class="pf-v6-c-description-list__group">
1072
+ <dt class="pf-v6-c-description-list__term">
1073
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1074
1074
  </dt>
1075
- <dd class="pf-v5-c-description-list__description">
1076
- <div class="pf-v5-c-description-list__text">
1075
+ <dd class="pf-v6-c-description-list__description">
1076
+ <div class="pf-v6-c-description-list__text">
1077
1077
  <a href="#">mary-test</a>
1078
1078
  </div>
1079
1079
  </dd>
1080
1080
  </div>
1081
- <div class="pf-v5-c-description-list__group">
1082
- <dt class="pf-v5-c-description-list__term">
1083
- <span class="pf-v5-c-description-list__text">Labels</span>
1081
+ <div class="pf-v6-c-description-list__group">
1082
+ <dt class="pf-v6-c-description-list__term">
1083
+ <span class="pf-v6-c-description-list__text">Labels</span>
1084
1084
  </dt>
1085
- <dd class="pf-v5-c-description-list__description">
1086
- <div class="pf-v5-c-description-list__text">example</div>
1085
+ <dd class="pf-v6-c-description-list__description">
1086
+ <div class="pf-v6-c-description-list__text">example</div>
1087
1087
  </dd>
1088
1088
  </div>
1089
- <div class="pf-v5-c-description-list__group">
1090
- <dt class="pf-v5-c-description-list__term">
1091
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1089
+ <div class="pf-v6-c-description-list__group">
1090
+ <dt class="pf-v6-c-description-list__term">
1091
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1092
1092
  </dt>
1093
- <dd class="pf-v5-c-description-list__description">
1094
- <div class="pf-v5-c-description-list__text">
1095
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1096
- <span class="pf-v5-c-button__icon pf-m-start">
1093
+ <dd class="pf-v6-c-description-list__description">
1094
+ <div class="pf-v6-c-description-list__text">
1095
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1096
+ <span class="pf-v6-c-button__icon pf-m-start">
1097
1097
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1098
1098
  </span>
1099
1099
  app=MyApp
@@ -1101,12 +1101,12 @@ Column fill will modify the default placement of description list groups to fill
1101
1101
  </div>
1102
1102
  </dd>
1103
1103
  </div>
1104
- <div class="pf-v5-c-description-list__group">
1105
- <dt class="pf-v5-c-description-list__term">
1106
- <span class="pf-v5-c-description-list__text">Annotation</span>
1104
+ <div class="pf-v6-c-description-list__group">
1105
+ <dt class="pf-v6-c-description-list__term">
1106
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1107
1107
  </dt>
1108
- <dd class="pf-v5-c-description-list__description">
1109
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1108
+ <dd class="pf-v6-c-description-list__description">
1109
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1110
1110
  </dd>
1111
1111
  </div>
1112
1112
  </dl>
@@ -1118,41 +1118,41 @@ Column fill will modify the default placement of description list groups to fill
1118
1118
  ### Default, inline grid
1119
1119
 
1120
1120
  ```html
1121
- <dl class="pf-v5-c-description-list pf-m-3-col pf-m-inline-grid">
1122
- <div class="pf-v5-c-description-list__group">
1123
- <dt class="pf-v5-c-description-list__term">
1124
- <span class="pf-v5-c-description-list__text">Name</span>
1121
+ <dl class="pf-v6-c-description-list pf-m-3-col pf-m-inline-grid">
1122
+ <div class="pf-v6-c-description-list__group">
1123
+ <dt class="pf-v6-c-description-list__term">
1124
+ <span class="pf-v6-c-description-list__text">Name</span>
1125
1125
  </dt>
1126
- <dd class="pf-v5-c-description-list__description">
1127
- <div class="pf-v5-c-description-list__text">example</div>
1126
+ <dd class="pf-v6-c-description-list__description">
1127
+ <div class="pf-v6-c-description-list__text">example</div>
1128
1128
  </dd>
1129
1129
  </div>
1130
- <div class="pf-v5-c-description-list__group">
1131
- <dt class="pf-v5-c-description-list__term">
1132
- <span class="pf-v5-c-description-list__text">Namespace</span>
1130
+ <div class="pf-v6-c-description-list__group">
1131
+ <dt class="pf-v6-c-description-list__term">
1132
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1133
1133
  </dt>
1134
- <dd class="pf-v5-c-description-list__description">
1135
- <div class="pf-v5-c-description-list__text">
1134
+ <dd class="pf-v6-c-description-list__description">
1135
+ <div class="pf-v6-c-description-list__text">
1136
1136
  <a href="#">mary-test</a>
1137
1137
  </div>
1138
1138
  </dd>
1139
1139
  </div>
1140
- <div class="pf-v5-c-description-list__group">
1141
- <dt class="pf-v5-c-description-list__term">
1142
- <span class="pf-v5-c-description-list__text">Labels</span>
1140
+ <div class="pf-v6-c-description-list__group">
1141
+ <dt class="pf-v6-c-description-list__term">
1142
+ <span class="pf-v6-c-description-list__text">Labels</span>
1143
1143
  </dt>
1144
- <dd class="pf-v5-c-description-list__description">
1145
- <div class="pf-v5-c-description-list__text">example</div>
1144
+ <dd class="pf-v6-c-description-list__description">
1145
+ <div class="pf-v6-c-description-list__text">example</div>
1146
1146
  </dd>
1147
1147
  </div>
1148
- <div class="pf-v5-c-description-list__group">
1149
- <dt class="pf-v5-c-description-list__term">
1150
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1148
+ <div class="pf-v6-c-description-list__group">
1149
+ <dt class="pf-v6-c-description-list__term">
1150
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1151
1151
  </dt>
1152
- <dd class="pf-v5-c-description-list__description">
1153
- <div class="pf-v5-c-description-list__text">
1154
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1155
- <span class="pf-v5-c-button__icon pf-m-start">
1152
+ <dd class="pf-v6-c-description-list__description">
1153
+ <div class="pf-v6-c-description-list__text">
1154
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1155
+ <span class="pf-v6-c-button__icon pf-m-start">
1156
1156
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1157
1157
  </span>
1158
1158
  app=MyApp
@@ -1160,12 +1160,12 @@ Column fill will modify the default placement of description list groups to fill
1160
1160
  </div>
1161
1161
  </dd>
1162
1162
  </div>
1163
- <div class="pf-v5-c-description-list__group">
1164
- <dt class="pf-v5-c-description-list__term">
1165
- <span class="pf-v5-c-description-list__text">Annotation</span>
1163
+ <div class="pf-v6-c-description-list__group">
1164
+ <dt class="pf-v6-c-description-list__term">
1165
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1166
1166
  </dt>
1167
- <dd class="pf-v5-c-description-list__description">
1168
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1167
+ <dd class="pf-v6-c-description-list__description">
1168
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1169
1169
  </dd>
1170
1170
  </div>
1171
1171
  </dl>
@@ -1175,41 +1175,41 @@ Column fill will modify the default placement of description list groups to fill
1175
1175
  ### Display variant
1176
1176
 
1177
1177
  ```html
1178
- <dl class="pf-v5-c-description-list pf-m-display-lg pf-m-2-col-on-lg">
1179
- <div class="pf-v5-c-description-list__group">
1180
- <dt class="pf-v5-c-description-list__term">
1181
- <span class="pf-v5-c-description-list__text">Name</span>
1178
+ <dl class="pf-v6-c-description-list pf-m-display-lg pf-m-2-col-on-lg">
1179
+ <div class="pf-v6-c-description-list__group">
1180
+ <dt class="pf-v6-c-description-list__term">
1181
+ <span class="pf-v6-c-description-list__text">Name</span>
1182
1182
  </dt>
1183
- <dd class="pf-v5-c-description-list__description">
1184
- <div class="pf-v5-c-description-list__text">example</div>
1183
+ <dd class="pf-v6-c-description-list__description">
1184
+ <div class="pf-v6-c-description-list__text">example</div>
1185
1185
  </dd>
1186
1186
  </div>
1187
- <div class="pf-v5-c-description-list__group">
1188
- <dt class="pf-v5-c-description-list__term">
1189
- <span class="pf-v5-c-description-list__text">Namespace</span>
1187
+ <div class="pf-v6-c-description-list__group">
1188
+ <dt class="pf-v6-c-description-list__term">
1189
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1190
1190
  </dt>
1191
- <dd class="pf-v5-c-description-list__description">
1192
- <div class="pf-v5-c-description-list__text">
1191
+ <dd class="pf-v6-c-description-list__description">
1192
+ <div class="pf-v6-c-description-list__text">
1193
1193
  <a href="#">mary-test</a>
1194
1194
  </div>
1195
1195
  </dd>
1196
1196
  </div>
1197
- <div class="pf-v5-c-description-list__group">
1198
- <dt class="pf-v5-c-description-list__term">
1199
- <span class="pf-v5-c-description-list__text">Labels</span>
1197
+ <div class="pf-v6-c-description-list__group">
1198
+ <dt class="pf-v6-c-description-list__term">
1199
+ <span class="pf-v6-c-description-list__text">Labels</span>
1200
1200
  </dt>
1201
- <dd class="pf-v5-c-description-list__description">
1202
- <div class="pf-v5-c-description-list__text">example</div>
1201
+ <dd class="pf-v6-c-description-list__description">
1202
+ <div class="pf-v6-c-description-list__text">example</div>
1203
1203
  </dd>
1204
1204
  </div>
1205
- <div class="pf-v5-c-description-list__group">
1206
- <dt class="pf-v5-c-description-list__term">
1207
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1205
+ <div class="pf-v6-c-description-list__group">
1206
+ <dt class="pf-v6-c-description-list__term">
1207
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1208
1208
  </dt>
1209
- <dd class="pf-v5-c-description-list__description">
1210
- <div class="pf-v5-c-description-list__text">
1211
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1212
- <span class="pf-v5-c-button__icon pf-m-start">
1209
+ <dd class="pf-v6-c-description-list__description">
1210
+ <div class="pf-v6-c-description-list__text">
1211
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1212
+ <span class="pf-v6-c-button__icon pf-m-start">
1213
1213
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1214
1214
  </span>
1215
1215
  app=MyApp
@@ -1217,12 +1217,12 @@ Column fill will modify the default placement of description list groups to fill
1217
1217
  </div>
1218
1218
  </dd>
1219
1219
  </div>
1220
- <div class="pf-v5-c-description-list__group">
1221
- <dt class="pf-v5-c-description-list__term">
1222
- <span class="pf-v5-c-description-list__text">Annotation</span>
1220
+ <div class="pf-v6-c-description-list__group">
1221
+ <dt class="pf-v6-c-description-list__term">
1222
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1223
1223
  </dt>
1224
- <dd class="pf-v5-c-description-list__description">
1225
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1224
+ <dd class="pf-v6-c-description-list__description">
1225
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1226
1226
  </dd>
1227
1227
  </div>
1228
1228
  </dl>
@@ -1236,41 +1236,41 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1236
1236
  ### Description list group wrapper as card
1237
1237
 
1238
1238
  ```html
1239
- <dl class="pf-v5-c-description-list pf-m-2-col-on-lg">
1240
- <div class="pf-v5-c-card">
1241
- <dt class="pf-v5-c-description-list__term">
1242
- <span class="pf-v5-c-description-list__text">Name</span>
1239
+ <dl class="pf-v6-c-description-list pf-m-2-col-on-lg">
1240
+ <div class="pf-v6-c-card">
1241
+ <dt class="pf-v6-c-description-list__term">
1242
+ <span class="pf-v6-c-description-list__text">Name</span>
1243
1243
  </dt>
1244
- <dd class="pf-v5-c-description-list__description">
1245
- <div class="pf-v5-c-description-list__text">example</div>
1244
+ <dd class="pf-v6-c-description-list__description">
1245
+ <div class="pf-v6-c-description-list__text">example</div>
1246
1246
  </dd>
1247
1247
  </div>
1248
- <div class="pf-v5-c-card">
1249
- <dt class="pf-v5-c-description-list__term">
1250
- <span class="pf-v5-c-description-list__text">Namespace</span>
1248
+ <div class="pf-v6-c-card">
1249
+ <dt class="pf-v6-c-description-list__term">
1250
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1251
1251
  </dt>
1252
- <dd class="pf-v5-c-description-list__description">
1253
- <div class="pf-v5-c-description-list__text">
1252
+ <dd class="pf-v6-c-description-list__description">
1253
+ <div class="pf-v6-c-description-list__text">
1254
1254
  <a href="#">mary-test</a>
1255
1255
  </div>
1256
1256
  </dd>
1257
1257
  </div>
1258
- <div class="pf-v5-c-card">
1259
- <dt class="pf-v5-c-description-list__term">
1260
- <span class="pf-v5-c-description-list__text">Labels</span>
1258
+ <div class="pf-v6-c-card">
1259
+ <dt class="pf-v6-c-description-list__term">
1260
+ <span class="pf-v6-c-description-list__text">Labels</span>
1261
1261
  </dt>
1262
- <dd class="pf-v5-c-description-list__description">
1263
- <div class="pf-v5-c-description-list__text">example</div>
1262
+ <dd class="pf-v6-c-description-list__description">
1263
+ <div class="pf-v6-c-description-list__text">example</div>
1264
1264
  </dd>
1265
1265
  </div>
1266
- <div class="pf-v5-c-card">
1267
- <dt class="pf-v5-c-description-list__term">
1268
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1266
+ <div class="pf-v6-c-card">
1267
+ <dt class="pf-v6-c-description-list__term">
1268
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1269
1269
  </dt>
1270
- <dd class="pf-v5-c-description-list__description">
1271
- <div class="pf-v5-c-description-list__text">
1272
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1273
- <span class="pf-v5-c-button__icon pf-m-start">
1270
+ <dd class="pf-v6-c-description-list__description">
1271
+ <div class="pf-v6-c-description-list__text">
1272
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1273
+ <span class="pf-v6-c-button__icon pf-m-start">
1274
1274
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1275
1275
  </span>
1276
1276
  app=MyApp
@@ -1278,12 +1278,12 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1278
1278
  </div>
1279
1279
  </dd>
1280
1280
  </div>
1281
- <div class="pf-v5-c-card">
1282
- <dt class="pf-v5-c-description-list__term">
1283
- <span class="pf-v5-c-description-list__text">Annotation</span>
1281
+ <div class="pf-v6-c-card">
1282
+ <dt class="pf-v6-c-description-list__term">
1283
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1284
1284
  </dt>
1285
- <dd class="pf-v5-c-description-list__description">
1286
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1285
+ <dd class="pf-v6-c-description-list__description">
1286
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1287
1287
  </dd>
1288
1288
  </div>
1289
1289
  </dl>
@@ -1293,41 +1293,41 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1293
1293
  ### Display lg and card variant
1294
1294
 
1295
1295
  ```html
1296
- <dl class="pf-v5-c-description-list pf-m-display-lg pf-m-2-col-on-lg">
1297
- <div class="pf-v5-c-card">
1298
- <dt class="pf-v5-c-description-list__term">
1299
- <span class="pf-v5-c-description-list__text">Name</span>
1296
+ <dl class="pf-v6-c-description-list pf-m-display-lg pf-m-2-col-on-lg">
1297
+ <div class="pf-v6-c-card">
1298
+ <dt class="pf-v6-c-description-list__term">
1299
+ <span class="pf-v6-c-description-list__text">Name</span>
1300
1300
  </dt>
1301
- <dd class="pf-v5-c-description-list__description">
1302
- <div class="pf-v5-c-description-list__text">example</div>
1301
+ <dd class="pf-v6-c-description-list__description">
1302
+ <div class="pf-v6-c-description-list__text">example</div>
1303
1303
  </dd>
1304
1304
  </div>
1305
- <div class="pf-v5-c-card">
1306
- <dt class="pf-v5-c-description-list__term">
1307
- <span class="pf-v5-c-description-list__text">Namespace</span>
1305
+ <div class="pf-v6-c-card">
1306
+ <dt class="pf-v6-c-description-list__term">
1307
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1308
1308
  </dt>
1309
- <dd class="pf-v5-c-description-list__description">
1310
- <div class="pf-v5-c-description-list__text">
1309
+ <dd class="pf-v6-c-description-list__description">
1310
+ <div class="pf-v6-c-description-list__text">
1311
1311
  <a href="#">mary-test</a>
1312
1312
  </div>
1313
1313
  </dd>
1314
1314
  </div>
1315
- <div class="pf-v5-c-card">
1316
- <dt class="pf-v5-c-description-list__term">
1317
- <span class="pf-v5-c-description-list__text">Labels</span>
1315
+ <div class="pf-v6-c-card">
1316
+ <dt class="pf-v6-c-description-list__term">
1317
+ <span class="pf-v6-c-description-list__text">Labels</span>
1318
1318
  </dt>
1319
- <dd class="pf-v5-c-description-list__description">
1320
- <div class="pf-v5-c-description-list__text">example</div>
1319
+ <dd class="pf-v6-c-description-list__description">
1320
+ <div class="pf-v6-c-description-list__text">example</div>
1321
1321
  </dd>
1322
1322
  </div>
1323
- <div class="pf-v5-c-card">
1324
- <dt class="pf-v5-c-description-list__term">
1325
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1323
+ <div class="pf-v6-c-card">
1324
+ <dt class="pf-v6-c-description-list__term">
1325
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1326
1326
  </dt>
1327
- <dd class="pf-v5-c-description-list__description">
1328
- <div class="pf-v5-c-description-list__text">
1329
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1330
- <span class="pf-v5-c-button__icon pf-m-start">
1327
+ <dd class="pf-v6-c-description-list__description">
1328
+ <div class="pf-v6-c-description-list__text">
1329
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1330
+ <span class="pf-v6-c-button__icon pf-m-start">
1331
1331
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1332
1332
  </span>
1333
1333
  app=MyApp
@@ -1335,12 +1335,12 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1335
1335
  </div>
1336
1336
  </dd>
1337
1337
  </div>
1338
- <div class="pf-v5-c-card">
1339
- <dt class="pf-v5-c-description-list__term">
1340
- <span class="pf-v5-c-description-list__text">Annotation</span>
1338
+ <div class="pf-v6-c-card">
1339
+ <dt class="pf-v6-c-description-list__term">
1340
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1341
1341
  </dt>
1342
- <dd class="pf-v5-c-description-list__description">
1343
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1342
+ <dd class="pf-v6-c-description-list__description">
1343
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1344
1344
  </dd>
1345
1345
  </div>
1346
1346
  </dl>
@@ -1350,41 +1350,41 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1350
1350
  ### Display 2xl and card variant
1351
1351
 
1352
1352
  ```html
1353
- <dl class="pf-v5-c-description-list pf-m-display-2xl pf-m-2-col-on-lg">
1354
- <div class="pf-v5-c-card">
1355
- <dt class="pf-v5-c-description-list__term">
1356
- <span class="pf-v5-c-description-list__text">Name</span>
1353
+ <dl class="pf-v6-c-description-list pf-m-display-2xl pf-m-2-col-on-lg">
1354
+ <div class="pf-v6-c-card">
1355
+ <dt class="pf-v6-c-description-list__term">
1356
+ <span class="pf-v6-c-description-list__text">Name</span>
1357
1357
  </dt>
1358
- <dd class="pf-v5-c-description-list__description">
1359
- <div class="pf-v5-c-description-list__text">example</div>
1358
+ <dd class="pf-v6-c-description-list__description">
1359
+ <div class="pf-v6-c-description-list__text">example</div>
1360
1360
  </dd>
1361
1361
  </div>
1362
- <div class="pf-v5-c-card">
1363
- <dt class="pf-v5-c-description-list__term">
1364
- <span class="pf-v5-c-description-list__text">Namespace</span>
1362
+ <div class="pf-v6-c-card">
1363
+ <dt class="pf-v6-c-description-list__term">
1364
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1365
1365
  </dt>
1366
- <dd class="pf-v5-c-description-list__description">
1367
- <div class="pf-v5-c-description-list__text">
1366
+ <dd class="pf-v6-c-description-list__description">
1367
+ <div class="pf-v6-c-description-list__text">
1368
1368
  <a href="#">mary-test</a>
1369
1369
  </div>
1370
1370
  </dd>
1371
1371
  </div>
1372
- <div class="pf-v5-c-card">
1373
- <dt class="pf-v5-c-description-list__term">
1374
- <span class="pf-v5-c-description-list__text">Labels</span>
1372
+ <div class="pf-v6-c-card">
1373
+ <dt class="pf-v6-c-description-list__term">
1374
+ <span class="pf-v6-c-description-list__text">Labels</span>
1375
1375
  </dt>
1376
- <dd class="pf-v5-c-description-list__description">
1377
- <div class="pf-v5-c-description-list__text">example</div>
1376
+ <dd class="pf-v6-c-description-list__description">
1377
+ <div class="pf-v6-c-description-list__text">example</div>
1378
1378
  </dd>
1379
1379
  </div>
1380
- <div class="pf-v5-c-card">
1381
- <dt class="pf-v5-c-description-list__term">
1382
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1380
+ <div class="pf-v6-c-card">
1381
+ <dt class="pf-v6-c-description-list__term">
1382
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1383
1383
  </dt>
1384
- <dd class="pf-v5-c-description-list__description">
1385
- <div class="pf-v5-c-description-list__text">
1386
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1387
- <span class="pf-v5-c-button__icon pf-m-start">
1384
+ <dd class="pf-v6-c-description-list__description">
1385
+ <div class="pf-v6-c-description-list__text">
1386
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1387
+ <span class="pf-v6-c-button__icon pf-m-start">
1388
1388
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1389
1389
  </span>
1390
1390
  app=MyApp
@@ -1392,12 +1392,12 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1392
1392
  </div>
1393
1393
  </dd>
1394
1394
  </div>
1395
- <div class="pf-v5-c-card">
1396
- <dt class="pf-v5-c-description-list__term">
1397
- <span class="pf-v5-c-description-list__text">Annotation</span>
1395
+ <div class="pf-v6-c-card">
1396
+ <dt class="pf-v6-c-description-list__term">
1397
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1398
1398
  </dt>
1399
- <dd class="pf-v5-c-description-list__description">
1400
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1399
+ <dd class="pf-v6-c-description-list__description">
1400
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1401
1401
  </dd>
1402
1402
  </div>
1403
1403
  </dl>
@@ -1407,31 +1407,31 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1407
1407
  ### Display and card variant, three column on lg breakpoint
1408
1408
 
1409
1409
  ```html
1410
- <dl class="pf-v5-c-description-list pf-m-3-col-on-lg pf-m-display-lg">
1411
- <div class="pf-v5-c-card">
1412
- <dt class="pf-v5-c-description-list__term">
1413
- <span class="pf-v5-c-description-list__text">Name</span>
1410
+ <dl class="pf-v6-c-description-list pf-m-3-col-on-lg pf-m-display-lg">
1411
+ <div class="pf-v6-c-card">
1412
+ <dt class="pf-v6-c-description-list__term">
1413
+ <span class="pf-v6-c-description-list__text">Name</span>
1414
1414
  </dt>
1415
- <dd class="pf-v5-c-description-list__description">
1416
- <div class="pf-v5-c-description-list__text">example</div>
1415
+ <dd class="pf-v6-c-description-list__description">
1416
+ <div class="pf-v6-c-description-list__text">example</div>
1417
1417
  </dd>
1418
1418
  </div>
1419
- <div class="pf-v5-c-card">
1420
- <dt class="pf-v5-c-description-list__term">
1421
- <span class="pf-v5-c-description-list__text">Namespace</span>
1419
+ <div class="pf-v6-c-card">
1420
+ <dt class="pf-v6-c-description-list__term">
1421
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1422
1422
  </dt>
1423
- <dd class="pf-v5-c-description-list__description">
1424
- <div class="pf-v5-c-description-list__text">
1423
+ <dd class="pf-v6-c-description-list__description">
1424
+ <div class="pf-v6-c-description-list__text">
1425
1425
  <a href="#">mary-test</a>
1426
1426
  </div>
1427
1427
  </dd>
1428
1428
  </div>
1429
- <div class="pf-v5-c-card">
1430
- <dt class="pf-v5-c-description-list__term">
1431
- <span class="pf-v5-c-description-list__text">Labels</span>
1429
+ <div class="pf-v6-c-card">
1430
+ <dt class="pf-v6-c-description-list__term">
1431
+ <span class="pf-v6-c-description-list__text">Labels</span>
1432
1432
  </dt>
1433
- <dd class="pf-v5-c-description-list__description">
1434
- <div class="pf-v5-c-description-list__text">example</div>
1433
+ <dd class="pf-v6-c-description-list__description">
1434
+ <div class="pf-v6-c-description-list__text">example</div>
1435
1435
  </dd>
1436
1436
  </div>
1437
1437
  </dl>
@@ -1442,33 +1442,33 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1442
1442
 
1443
1443
  ```html
1444
1444
  <dl
1445
- class="pf-v5-c-description-list pf-m-2-col-on-lg pf-m-display-lg pf-m-horizontal"
1445
+ class="pf-v6-c-description-list pf-m-2-col-on-lg pf-m-display-lg pf-m-horizontal"
1446
1446
  style="--pf-v5-c-description-list__term--width: 10ch;"
1447
1447
  >
1448
- <div class="pf-v5-c-card">
1449
- <dt class="pf-v5-c-description-list__term">
1450
- <span class="pf-v5-c-description-list__text">Name</span>
1448
+ <div class="pf-v6-c-card">
1449
+ <dt class="pf-v6-c-description-list__term">
1450
+ <span class="pf-v6-c-description-list__text">Name</span>
1451
1451
  </dt>
1452
- <dd class="pf-v5-c-description-list__description">
1453
- <div class="pf-v5-c-description-list__text">example</div>
1452
+ <dd class="pf-v6-c-description-list__description">
1453
+ <div class="pf-v6-c-description-list__text">example</div>
1454
1454
  </dd>
1455
1455
  </div>
1456
- <div class="pf-v5-c-card">
1457
- <dt class="pf-v5-c-description-list__term">
1458
- <span class="pf-v5-c-description-list__text">Namespace</span>
1456
+ <div class="pf-v6-c-card">
1457
+ <dt class="pf-v6-c-description-list__term">
1458
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1459
1459
  </dt>
1460
- <dd class="pf-v5-c-description-list__description">
1461
- <div class="pf-v5-c-description-list__text">
1460
+ <dd class="pf-v6-c-description-list__description">
1461
+ <div class="pf-v6-c-description-list__text">
1462
1462
  <a href="#">mary-test</a>
1463
1463
  </div>
1464
1464
  </dd>
1465
1465
  </div>
1466
- <div class="pf-v5-c-card">
1467
- <dt class="pf-v5-c-description-list__term">
1468
- <span class="pf-v5-c-description-list__text">Labels</span>
1466
+ <div class="pf-v6-c-card">
1467
+ <dt class="pf-v6-c-description-list__term">
1468
+ <span class="pf-v6-c-description-list__text">Labels</span>
1469
1469
  </dt>
1470
- <dd class="pf-v5-c-description-list__description">
1471
- <div class="pf-v5-c-description-list__text">example</div>
1470
+ <dd class="pf-v6-c-description-list__description">
1471
+ <div class="pf-v6-c-description-list__text">example</div>
1472
1472
  </dd>
1473
1473
  </div>
1474
1474
  </dl>
@@ -1487,55 +1487,55 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1487
1487
  ### Icons on terms
1488
1488
 
1489
1489
  ```html
1490
- <dl class="pf-v5-c-description-list">
1491
- <div class="pf-v5-c-description-list__group">
1492
- <dt class="pf-v5-c-description-list__term">
1493
- <span class="pf-v5-c-description-list__term-icon">
1490
+ <dl class="pf-v6-c-description-list">
1491
+ <div class="pf-v6-c-description-list__group">
1492
+ <dt class="pf-v6-c-description-list__term">
1493
+ <span class="pf-v6-c-description-list__term-icon">
1494
1494
  <i class="fas fa-cube" aria-hidden="true"></i>
1495
1495
  </span>
1496
1496
  <span
1497
- class="pf-v5-c-description-list__text"
1497
+ class="pf-v6-c-description-list__text"
1498
1498
  >This is a long description that should wrap to multiple lines in cases where the viewport is quite narrow.</span>
1499
1499
  </dt>
1500
- <dd class="pf-v5-c-description-list__description">
1501
- <div class="pf-v5-c-description-list__text">example</div>
1500
+ <dd class="pf-v6-c-description-list__description">
1501
+ <div class="pf-v6-c-description-list__text">example</div>
1502
1502
  </dd>
1503
1503
  </div>
1504
- <div class="pf-v5-c-description-list__group">
1505
- <dt class="pf-v5-c-description-list__term">
1506
- <span class="pf-v5-c-description-list__term-icon">
1504
+ <div class="pf-v6-c-description-list__group">
1505
+ <dt class="pf-v6-c-description-list__term">
1506
+ <span class="pf-v6-c-description-list__term-icon">
1507
1507
  <i class="fas fa-book" aria-hidden="true"></i>
1508
1508
  </span>
1509
- <span class="pf-v5-c-description-list__text">Namespace</span>
1509
+ <span class="pf-v6-c-description-list__text">Namespace</span>
1510
1510
  </dt>
1511
- <dd class="pf-v5-c-description-list__description">
1512
- <div class="pf-v5-c-description-list__text">
1511
+ <dd class="pf-v6-c-description-list__description">
1512
+ <div class="pf-v6-c-description-list__text">
1513
1513
  <a href="#">mary-test</a>
1514
1514
  </div>
1515
1515
  </dd>
1516
1516
  </div>
1517
- <div class="pf-v5-c-description-list__group">
1518
- <dt class="pf-v5-c-description-list__term">
1519
- <span class="pf-v5-c-description-list__term-icon">
1517
+ <div class="pf-v6-c-description-list__group">
1518
+ <dt class="pf-v6-c-description-list__term">
1519
+ <span class="pf-v6-c-description-list__term-icon">
1520
1520
  <i class="fas fa-key" aria-hidden="true"></i>
1521
1521
  </span>
1522
- <span class="pf-v5-c-description-list__text">Labels</span>
1522
+ <span class="pf-v6-c-description-list__text">Labels</span>
1523
1523
  </dt>
1524
- <dd class="pf-v5-c-description-list__description">
1525
- <div class="pf-v5-c-description-list__text">example</div>
1524
+ <dd class="pf-v6-c-description-list__description">
1525
+ <div class="pf-v6-c-description-list__text">example</div>
1526
1526
  </dd>
1527
1527
  </div>
1528
- <div class="pf-v5-c-description-list__group">
1529
- <dt class="pf-v5-c-description-list__term">
1530
- <span class="pf-v5-c-description-list__term-icon">
1528
+ <div class="pf-v6-c-description-list__group">
1529
+ <dt class="pf-v6-c-description-list__term">
1530
+ <span class="pf-v6-c-description-list__term-icon">
1531
1531
  <i class="fas fa-globe" aria-hidden="true"></i>
1532
1532
  </span>
1533
- <span class="pf-v5-c-description-list__text">Pod selector</span>
1533
+ <span class="pf-v6-c-description-list__text">Pod selector</span>
1534
1534
  </dt>
1535
- <dd class="pf-v5-c-description-list__description">
1536
- <div class="pf-v5-c-description-list__text">
1537
- <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">
1538
- <span class="pf-v5-c-button__icon pf-m-start">
1535
+ <dd class="pf-v6-c-description-list__description">
1536
+ <div class="pf-v6-c-description-list__text">
1537
+ <button class="pf-v6-c-button pf-m-link pf-m-inline" type="button">
1538
+ <span class="pf-v6-c-button__icon pf-m-start">
1539
1539
  <i class="fas fa-plus-circle" aria-hidden="true"></i>
1540
1540
  </span>
1541
1541
  app=MyApp
@@ -1543,15 +1543,15 @@ Cards can be used as description list group wrappers. Using cards in this way ap
1543
1543
  </div>
1544
1544
  </dd>
1545
1545
  </div>
1546
- <div class="pf-v5-c-description-list__group">
1547
- <dt class="pf-v5-c-description-list__term">
1548
- <span class="pf-v5-c-description-list__term-icon">
1546
+ <div class="pf-v6-c-description-list__group">
1547
+ <dt class="pf-v6-c-description-list__term">
1548
+ <span class="pf-v6-c-description-list__term-icon">
1549
1549
  <i class="fas fa-flag" aria-hidden="true"></i>
1550
1550
  </span>
1551
- <span class="pf-v5-c-description-list__text">Annotation</span>
1551
+ <span class="pf-v6-c-description-list__text">Annotation</span>
1552
1552
  </dt>
1553
- <dd class="pf-v5-c-description-list__description">
1554
- <div class="pf-v5-c-description-list__text">2 Annotations</div>
1553
+ <dd class="pf-v6-c-description-list__description">
1554
+ <div class="pf-v6-c-description-list__text">2 Annotations</div>
1555
1555
  </dd>
1556
1556
  </div>
1557
1557
  </dl>