@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/Breadcrumb/examples/Breadcrumb.md CHANGED
@@ -9,33 +9,33 @@ cssPrefix: pf-v5-c-breadcrumb
9
9
  ### Basic
10
10
 
11
11
  ```html
12
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
13
- <ol class="pf-v5-c-breadcrumb__list" role="list">
14
- <li class="pf-v5-c-breadcrumb__item">
15
- <span class="pf-v5-c-breadcrumb__item-divider">
12
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
13
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
14
+ <li class="pf-v6-c-breadcrumb__item">
15
+ <span class="pf-v6-c-breadcrumb__item-divider">
16
16
  <i class="fas fa-angle-right" aria-hidden="true"></i>
17
17
  </span>
18
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
18
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
19
19
  </li>
20
- <li class="pf-v5-c-breadcrumb__item">
21
- <span class="pf-v5-c-breadcrumb__item-divider">
20
+ <li class="pf-v6-c-breadcrumb__item">
21
+ <span class="pf-v6-c-breadcrumb__item-divider">
22
22
  <i class="fas fa-angle-right" aria-hidden="true"></i>
23
23
  </span>
24
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
24
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
25
25
  </li>
26
- <li class="pf-v5-c-breadcrumb__item">
27
- <span class="pf-v5-c-breadcrumb__item-divider">
26
+ <li class="pf-v6-c-breadcrumb__item">
27
+ <span class="pf-v6-c-breadcrumb__item-divider">
28
28
  <i class="fas fa-angle-right" aria-hidden="true"></i>
29
29
  </span>
30
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
30
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
31
31
  </li>
32
- <li class="pf-v5-c-breadcrumb__item">
33
- <span class="pf-v5-c-breadcrumb__item-divider">
32
+ <li class="pf-v6-c-breadcrumb__item">
33
+ <span class="pf-v6-c-breadcrumb__item-divider">
34
34
  <i class="fas fa-angle-right" aria-hidden="true"></i>
35
35
  </span>
36
36
  <a
37
37
  href="#"
38
- class="pf-v5-c-breadcrumb__link pf-m-current"
38
+ class="pf-v6-c-breadcrumb__link pf-m-current"
39
39
  aria-current="page"
40
40
  >Section landing</a>
41
41
  </li>
@@ -47,45 +47,45 @@ cssPrefix: pf-v5-c-breadcrumb
47
47
  ### Without home link
48
48
 
49
49
  ```html
50
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
51
- <ol class="pf-v5-c-breadcrumb__list" role="list">
52
- <li class="pf-v5-c-breadcrumb__item">
53
- <span class="pf-v5-c-breadcrumb__item-divider">
50
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
51
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
52
+ <li class="pf-v6-c-breadcrumb__item">
53
+ <span class="pf-v6-c-breadcrumb__item-divider">
54
54
  <i class="fas fa-angle-right" aria-hidden="true"></i>
55
55
  </span>
56
56
  Section home
57
57
  </li>
58
- <li class="pf-v5-c-breadcrumb__item">
59
- <span class="pf-v5-c-breadcrumb__item-divider">
58
+ <li class="pf-v6-c-breadcrumb__item">
59
+ <span class="pf-v6-c-breadcrumb__item-divider">
60
60
  <i class="fas fa-angle-right" aria-hidden="true"></i>
61
61
  </span>
62
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
62
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
63
63
  </li>
64
- <li class="pf-v5-c-breadcrumb__item">
65
- <span class="pf-v5-c-breadcrumb__item-divider">
64
+ <li class="pf-v6-c-breadcrumb__item">
65
+ <span class="pf-v6-c-breadcrumb__item-divider">
66
66
  <i class="fas fa-angle-right" aria-hidden="true"></i>
67
67
  </span>
68
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
68
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
69
69
  </li>
70
- <li class="pf-v5-c-breadcrumb__item">
71
- <span class="pf-v5-c-breadcrumb__item-divider">
70
+ <li class="pf-v6-c-breadcrumb__item">
71
+ <span class="pf-v6-c-breadcrumb__item-divider">
72
72
  <i class="fas fa-angle-right" aria-hidden="true"></i>
73
73
  </span>
74
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
74
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
75
75
  </li>
76
- <li class="pf-v5-c-breadcrumb__item">
77
- <span class="pf-v5-c-breadcrumb__item-divider">
76
+ <li class="pf-v6-c-breadcrumb__item">
77
+ <span class="pf-v6-c-breadcrumb__item-divider">
78
78
  <i class="fas fa-angle-right" aria-hidden="true"></i>
79
79
  </span>
80
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
80
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
81
81
  </li>
82
- <li class="pf-v5-c-breadcrumb__item">
83
- <span class="pf-v5-c-breadcrumb__item-divider">
82
+ <li class="pf-v6-c-breadcrumb__item">
83
+ <span class="pf-v6-c-breadcrumb__item-divider">
84
84
  <i class="fas fa-angle-right" aria-hidden="true"></i>
85
85
  </span>
86
86
  <a
87
87
  href="#"
88
- class="pf-v5-c-breadcrumb__link pf-m-current"
88
+ class="pf-v6-c-breadcrumb__link pf-m-current"
89
89
  aria-current="page"
90
90
  >Section landing</a>
91
91
  </li>
@@ -97,40 +97,40 @@ cssPrefix: pf-v5-c-breadcrumb
97
97
  ### With heading
98
98
 
99
99
  ```html
100
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
101
- <ol class="pf-v5-c-breadcrumb__list" role="list">
102
- <li class="pf-v5-c-breadcrumb__item">
103
- <span class="pf-v5-c-breadcrumb__item-divider">
100
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
101
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
102
+ <li class="pf-v6-c-breadcrumb__item">
103
+ <span class="pf-v6-c-breadcrumb__item-divider">
104
104
  <i class="fas fa-angle-right" aria-hidden="true"></i>
105
105
  </span>
106
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
106
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
107
107
  </li>
108
- <li class="pf-v5-c-breadcrumb__item">
109
- <span class="pf-v5-c-breadcrumb__item-divider">
108
+ <li class="pf-v6-c-breadcrumb__item">
109
+ <span class="pf-v6-c-breadcrumb__item-divider">
110
110
  <i class="fas fa-angle-right" aria-hidden="true"></i>
111
111
  </span>
112
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
112
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
113
113
  </li>
114
- <li class="pf-v5-c-breadcrumb__item">
115
- <span class="pf-v5-c-breadcrumb__item-divider">
114
+ <li class="pf-v6-c-breadcrumb__item">
115
+ <span class="pf-v6-c-breadcrumb__item-divider">
116
116
  <i class="fas fa-angle-right" aria-hidden="true"></i>
117
117
  </span>
118
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
118
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
119
119
  </li>
120
- <li class="pf-v5-c-breadcrumb__item">
121
- <span class="pf-v5-c-breadcrumb__item-divider">
120
+ <li class="pf-v6-c-breadcrumb__item">
121
+ <span class="pf-v6-c-breadcrumb__item-divider">
122
122
  <i class="fas fa-angle-right" aria-hidden="true"></i>
123
123
  </span>
124
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
124
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
125
125
  </li>
126
- <li class="pf-v5-c-breadcrumb__item">
127
- <span class="pf-v5-c-breadcrumb__item-divider">
126
+ <li class="pf-v6-c-breadcrumb__item">
127
+ <span class="pf-v6-c-breadcrumb__item-divider">
128
128
  <i class="fas fa-angle-right" aria-hidden="true"></i>
129
129
  </span>
130
- <h1 class="pf-v5-c-breadcrumb__heading">
130
+ <h1 class="pf-v6-c-breadcrumb__heading">
131
131
  <a
132
132
  href="#"
133
- class="pf-v5-c-breadcrumb__link pf-m-current"
133
+ class="pf-v6-c-breadcrumb__link pf-m-current"
134
134
  aria-current="page"
135
135
  >Section title</a>
136
136
  </h1>
@@ -143,75 +143,75 @@ cssPrefix: pf-v5-c-breadcrumb
143
143
  ### With dropdown
144
144
 
145
145
  ```html
146
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
147
- <ol class="pf-v5-c-breadcrumb__list" role="list">
148
- <li class="pf-v5-c-breadcrumb__item">
149
- <span class="pf-v5-c-breadcrumb__item-divider">
146
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
147
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
148
+ <li class="pf-v6-c-breadcrumb__item">
149
+ <span class="pf-v6-c-breadcrumb__item-divider">
150
150
  <i class="fas fa-angle-right" aria-hidden="true"></i>
151
151
  </span>
152
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
152
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
153
153
  </li>
154
- <li class="pf-v5-c-breadcrumb__item">
155
- <span class="pf-v5-c-breadcrumb__item-divider">
154
+ <li class="pf-v6-c-breadcrumb__item">
155
+ <span class="pf-v6-c-breadcrumb__item-divider">
156
156
  <i class="fas fa-angle-right" aria-hidden="true"></i>
157
157
  </span>
158
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
158
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
159
159
  </li>
160
- <li class="pf-v5-c-breadcrumb__item">
161
- <span class="pf-v5-c-breadcrumb__item-divider">
160
+ <li class="pf-v6-c-breadcrumb__item">
161
+ <span class="pf-v6-c-breadcrumb__item-divider">
162
162
  <i class="fas fa-angle-right" aria-hidden="true"></i>
163
163
  </span>
164
- <span class="pf-v5-c-breadcrumb__dropdown">
165
- <div class="pf-v5-c-dropdown pf-m-expanded">
164
+ <span class="pf-v6-c-breadcrumb__dropdown">
165
+ <div class="pf-v6-c-dropdown pf-m-expanded">
166
166
  <button
167
- class="pf-v5-c-dropdown__toggle pf-m-plain"
167
+ class="pf-v6-c-dropdown__toggle pf-m-plain"
168
168
  id="dropdown-badge-toggle-button"
169
169
  aria-expanded="true"
170
170
  type="button"
171
171
  >
172
- <span class="pf-v5-c-badge pf-m-read">
172
+ <span class="pf-v6-c-badge pf-m-read">
173
173
  5
174
- <span class="pf-v5-c-dropdown__toggle-icon">
174
+ <span class="pf-v6-c-dropdown__toggle-icon">
175
175
  <i class="fas fa-caret-down" aria-hidden="true"></i>
176
176
  </span>
177
177
  </span>
178
178
  </button>
179
179
  <ul
180
- class="pf-v5-c-dropdown__menu"
180
+ class="pf-v6-c-dropdown__menu"
181
181
  aria-labelledby="dropdown-badge-toggle-button"
182
182
  role="menu"
183
183
  >
184
184
  <li role="none">
185
185
  <button
186
- class="pf-v5-c-dropdown__menu-item"
186
+ class="pf-v6-c-dropdown__menu-item"
187
187
  role="menuitem"
188
188
  type="button"
189
189
  >Section title</button>
190
190
  </li>
191
191
  <li role="none">
192
192
  <button
193
- class="pf-v5-c-dropdown__menu-item"
193
+ class="pf-v6-c-dropdown__menu-item"
194
194
  role="menuitem"
195
195
  type="button"
196
196
  >Section title</button>
197
197
  </li>
198
198
  <li role="none">
199
199
  <button
200
- class="pf-v5-c-dropdown__menu-item"
200
+ class="pf-v6-c-dropdown__menu-item"
201
201
  role="menuitem"
202
202
  type="button"
203
203
  >Section title</button>
204
204
  </li>
205
205
  <li role="none">
206
206
  <button
207
- class="pf-v5-c-dropdown__menu-item"
207
+ class="pf-v6-c-dropdown__menu-item"
208
208
  role="menuitem"
209
209
  type="button"
210
210
  >Section title</button>
211
211
  </li>
212
212
  <li role="none">
213
213
  <button
214
- class="pf-v5-c-dropdown__menu-item"
214
+ class="pf-v6-c-dropdown__menu-item"
215
215
  role="menuitem"
216
216
  type="button"
217
217
  >Section title</button>
@@ -220,14 +220,14 @@ cssPrefix: pf-v5-c-breadcrumb
220
220
  </div>
221
221
  </span>
222
222
  </li>
223
- <li class="pf-v5-c-breadcrumb__item">
224
- <span class="pf-v5-c-breadcrumb__item-divider">
223
+ <li class="pf-v6-c-breadcrumb__item">
224
+ <span class="pf-v6-c-breadcrumb__item-divider">
225
225
  <i class="fas fa-angle-right" aria-hidden="true"></i>
226
226
  </span>
227
- <h1 class="pf-v5-c-breadcrumb__heading">
227
+ <h1 class="pf-v6-c-breadcrumb__heading">
228
228
  <a
229
229
  href="#"
230
- class="pf-v5-c-breadcrumb__link pf-m-current"
230
+ class="pf-v6-c-breadcrumb__link pf-m-current"
231
231
  aria-current="page"
232
232
  >Section title</a>
233
233
  </h1>
@@ -240,32 +240,32 @@ cssPrefix: pf-v5-c-breadcrumb
240
240
  ### With buttons
241
241
 
242
242
  ```html
243
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
244
- <ol class="pf-v5-c-breadcrumb__list" role="list">
245
- <li class="pf-v5-c-breadcrumb__item">
246
- <span class="pf-v5-c-breadcrumb__item-divider">
243
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
244
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
245
+ <li class="pf-v6-c-breadcrumb__item">
246
+ <span class="pf-v6-c-breadcrumb__item-divider">
247
247
  <i class="fas fa-angle-right" aria-hidden="true"></i>
248
248
  </span>
249
- <button class="pf-v5-c-breadcrumb__link" type="button">Section home</button>
249
+ <button class="pf-v6-c-breadcrumb__link" type="button">Section home</button>
250
250
  </li>
251
- <li class="pf-v5-c-breadcrumb__item">
252
- <span class="pf-v5-c-breadcrumb__item-divider">
251
+ <li class="pf-v6-c-breadcrumb__item">
252
+ <span class="pf-v6-c-breadcrumb__item-divider">
253
253
  <i class="fas fa-angle-right" aria-hidden="true"></i>
254
254
  </span>
255
- <button class="pf-v5-c-breadcrumb__link" type="button">Section title</button>
255
+ <button class="pf-v6-c-breadcrumb__link" type="button">Section title</button>
256
256
  </li>
257
- <li class="pf-v5-c-breadcrumb__item">
258
- <span class="pf-v5-c-breadcrumb__item-divider">
257
+ <li class="pf-v6-c-breadcrumb__item">
258
+ <span class="pf-v6-c-breadcrumb__item-divider">
259
259
  <i class="fas fa-angle-right" aria-hidden="true"></i>
260
260
  </span>
261
- <button class="pf-v5-c-breadcrumb__link" type="button">Section title</button>
261
+ <button class="pf-v6-c-breadcrumb__link" type="button">Section title</button>
262
262
  </li>
263
- <li class="pf-v5-c-breadcrumb__item">
264
- <span class="pf-v5-c-breadcrumb__item-divider">
263
+ <li class="pf-v6-c-breadcrumb__item">
264
+ <span class="pf-v6-c-breadcrumb__item-divider">
265
265
  <i class="fas fa-angle-right" aria-hidden="true"></i>
266
266
  </span>
267
267
  <button
268
- class="pf-v5-c-breadcrumb__link pf-m-current"
268
+ class="pf-v6-c-breadcrumb__link pf-m-current"
269
269
  type="button"
270
270
  aria-current="page"
271
271
  >Section landing</button>