@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/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -13,11 +13,11 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
13
13
  ### Simple collapsed
14
14
 
15
15
  ```html
16
- <div class="pf-v5-c-overflow-menu" id="overflow-menu-simple">
17
- <div class="pf-v5-c-overflow-menu__control">
18
- <div class="pf-v5-c-dropdown pf-m-expanded">
16
+ <div class="pf-v6-c-overflow-menu" id="overflow-menu-simple">
17
+ <div class="pf-v6-c-overflow-menu__control">
18
+ <div class="pf-v6-c-dropdown pf-m-expanded">
19
19
  <button
20
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
20
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
21
21
  type="button"
22
22
  id="overflow-menu-simple-dropdown-toggle"
23
23
  aria-label="Generic options"
@@ -26,24 +26,24 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
26
26
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
27
27
  </button>
28
28
  <ul
29
- class="pf-v5-c-dropdown__menu"
29
+ class="pf-v6-c-dropdown__menu"
30
30
  role="menu"
31
31
  aria-labelledby="overflow-menu-simple-dropdown-toggle"
32
32
  >
33
33
  <li role="none">
34
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 1</button>
34
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 1</button>
35
35
  </li>
36
36
  <li role="none">
37
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 2</button>
37
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 2</button>
38
38
  </li>
39
39
  <li role="none">
40
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 3</button>
40
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 3</button>
41
41
  </li>
42
42
  <li role="none">
43
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 4</button>
43
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 4</button>
44
44
  </li>
45
45
  <li role="none">
46
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Item 5</button>
46
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Item 5</button>
47
47
  </li>
48
48
  </ul>
49
49
  </div>
@@ -55,14 +55,14 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
55
55
  ### Simple expanded
56
56
 
57
57
  ```html
58
- <div class="pf-v5-c-overflow-menu" id="overflow-menu-simple-expanded">
59
- <div class="pf-v5-c-overflow-menu__content">
60
- <div class="pf-v5-c-overflow-menu__item">Item 1</div>
61
- <div class="pf-v5-c-overflow-menu__item">Item 2</div>
62
- <div class="pf-v5-c-overflow-menu__group">
63
- <div class="pf-v5-c-overflow-menu__item">Item 3</div>
64
- <div class="pf-v5-c-overflow-menu__item">Item 4</div>
65
- <div class="pf-v5-c-overflow-menu__item">Item 5</div>
58
+ <div class="pf-v6-c-overflow-menu" id="overflow-menu-simple-expanded">
59
+ <div class="pf-v6-c-overflow-menu__content">
60
+ <div class="pf-v6-c-overflow-menu__item">Item 1</div>
61
+ <div class="pf-v6-c-overflow-menu__item">Item 2</div>
62
+ <div class="pf-v6-c-overflow-menu__group">
63
+ <div class="pf-v6-c-overflow-menu__item">Item 3</div>
64
+ <div class="pf-v6-c-overflow-menu__item">Item 4</div>
65
+ <div class="pf-v6-c-overflow-menu__item">Item 5</div>
66
66
  </div>
67
67
  </div>
68
68
  </div>
@@ -89,46 +89,46 @@ The overflow menu relies on groups (`.pf-v5-c-overflow-menu__group`) and items (
89
89
  ### Group types
90
90
 
91
91
  ```html
92
- <div class="pf-v5-c-overflow-menu" id="overflow-menu-button-group-example">
93
- <div class="pf-v5-c-overflow-menu__content">
94
- <div class="pf-v5-c-overflow-menu__group">
95
- <div class="pf-v5-c-overflow-menu__item">Item 1</div>
96
- <div class="pf-v5-c-overflow-menu__item">Item 2</div>
97
- <div class="pf-v5-c-overflow-menu__item">Item 3</div>
92
+ <div class="pf-v6-c-overflow-menu" id="overflow-menu-button-group-example">
93
+ <div class="pf-v6-c-overflow-menu__content">
94
+ <div class="pf-v6-c-overflow-menu__group">
95
+ <div class="pf-v6-c-overflow-menu__item">Item 1</div>
96
+ <div class="pf-v6-c-overflow-menu__item">Item 2</div>
97
+ <div class="pf-v6-c-overflow-menu__item">Item 3</div>
98
98
  </div>
99
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
100
- <div class="pf-v5-c-overflow-menu__item">
101
- <button class="pf-v5-c-button pf-m-primary" type="button">Primary</button>
99
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
100
+ <div class="pf-v6-c-overflow-menu__item">
101
+ <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
102
102
  </div>
103
- <div class="pf-v5-c-overflow-menu__item">
104
- <button class="pf-v5-c-button pf-m-secondary" type="button">Secondary</button>
103
+ <div class="pf-v6-c-overflow-menu__item">
104
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
105
105
  </div>
106
- <div class="pf-v5-c-overflow-menu__item">
107
- <button class="pf-v5-c-button pf-m-tertiary" type="button">Tertiary</button>
106
+ <div class="pf-v6-c-overflow-menu__item">
107
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
108
108
  </div>
109
109
  </div>
110
- <div class="pf-v5-c-overflow-menu__group pf-m-icon-button-group">
111
- <div class="pf-v5-c-overflow-menu__item">
110
+ <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
111
+ <div class="pf-v6-c-overflow-menu__item">
112
112
  <button
113
- class="pf-v5-c-button pf-m-plain"
113
+ class="pf-v6-c-button pf-m-plain"
114
114
  type="button"
115
115
  aria-label="Align left"
116
116
  >
117
117
  <i class="fas fa-align-left" aria-hidden="true"></i>
118
118
  </button>
119
119
  </div>
120
- <div class="pf-v5-c-overflow-menu__item">
120
+ <div class="pf-v6-c-overflow-menu__item">
121
121
  <button
122
- class="pf-v5-c-button pf-m-plain"
122
+ class="pf-v6-c-button pf-m-plain"
123
123
  type="button"
124
124
  aria-label="Align center"
125
125
  >
126
126
  <i class="fas fa-align-center" aria-hidden="true"></i>
127
127
  </button>
128
128
  </div>
129
- <div class="pf-v5-c-overflow-menu__item">
129
+ <div class="pf-v6-c-overflow-menu__item">
130
130
  <button
131
- class="pf-v5-c-button pf-m-plain"
131
+ class="pf-v6-c-button pf-m-plain"
132
132
  type="button"
133
133
  aria-label="Align right"
134
134
  >
@@ -155,13 +155,13 @@ The action group consists of a primary and secondary action. Any additional acti
155
155
 
156
156
  ```html
157
157
  <div
158
- class="pf-v5-c-overflow-menu"
158
+ class="pf-v6-c-overflow-menu"
159
159
  id="overflow-menu-simple-additional-options-hidden"
160
160
  >
161
- <div class="pf-v5-c-overflow-menu__control">
162
- <div class="pf-v5-c-dropdown pf-m-expanded">
161
+ <div class="pf-v6-c-overflow-menu__control">
162
+ <div class="pf-v6-c-dropdown pf-m-expanded">
163
163
  <button
164
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
164
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
165
165
  type="button"
166
166
  id="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
167
167
  aria-label="Dropdown with additional options"
@@ -170,36 +170,36 @@ The action group consists of a primary and secondary action. Any additional acti
170
170
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
171
171
  </button>
172
172
  <ul
173
- class="pf-v5-c-dropdown__menu"
173
+ class="pf-v6-c-dropdown__menu"
174
174
  role="menu"
175
175
  aria-labelledby="overflow-menu-simple-additional-options-hidden-dropdown-toggle"
176
176
  >
177
177
  <li role="none">
178
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Primary</button>
178
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Primary</button>
179
179
  </li>
180
180
  <li role="none">
181
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Secondary</button>
181
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Secondary</button>
182
182
  </li>
183
183
  <li role="none">
184
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Tertiary</button>
184
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Tertiary</button>
185
185
  </li>
186
186
  <li role="none">
187
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Align left</button>
187
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Align left</button>
188
188
  </li>
189
189
  <li role="none">
190
190
  <button
191
191
  role="menuitem"
192
- class="pf-v5-c-dropdown__menu-item"
192
+ class="pf-v6-c-dropdown__menu-item"
193
193
  >Align center</button>
194
194
  </li>
195
195
  <li role="none">
196
196
  <button
197
197
  role="menuitem"
198
- class="pf-v5-c-dropdown__menu-item"
198
+ class="pf-v6-c-dropdown__menu-item"
199
199
  >Align right</button>
200
200
  </li>
201
201
  <li role="none">
202
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 7</button>
202
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 7</button>
203
203
  </li>
204
204
  </ul>
205
205
  </div>
@@ -212,43 +212,43 @@ The action group consists of a primary and secondary action. Any additional acti
212
212
 
213
213
  ```html
214
214
  <div
215
- class="pf-v5-c-overflow-menu"
215
+ class="pf-v6-c-overflow-menu"
216
216
  id="overflow-menu-simple-additional-options-visible"
217
217
  >
218
- <div class="pf-v5-c-overflow-menu__content">
219
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
220
- <div class="pf-v5-c-overflow-menu__item">
221
- <button class="pf-v5-c-button pf-m-primary" type="button">Primary</button>
218
+ <div class="pf-v6-c-overflow-menu__content">
219
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
220
+ <div class="pf-v6-c-overflow-menu__item">
221
+ <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
222
222
  </div>
223
- <div class="pf-v5-c-overflow-menu__item">
224
- <button class="pf-v5-c-button pf-m-secondary" type="button">Secondary</button>
223
+ <div class="pf-v6-c-overflow-menu__item">
224
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
225
225
  </div>
226
- <div class="pf-v5-c-overflow-menu__item">
227
- <button class="pf-v5-c-button pf-m-tertiary" type="button">Tertiary</button>
226
+ <div class="pf-v6-c-overflow-menu__item">
227
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
228
228
  </div>
229
229
  </div>
230
- <div class="pf-v5-c-overflow-menu__group pf-m-icon-button-group">
231
- <div class="pf-v5-c-overflow-menu__item">
230
+ <div class="pf-v6-c-overflow-menu__group pf-m-icon-button-group">
231
+ <div class="pf-v6-c-overflow-menu__item">
232
232
  <button
233
- class="pf-v5-c-button pf-m-plain"
233
+ class="pf-v6-c-button pf-m-plain"
234
234
  type="button"
235
235
  aria-label="Align left"
236
236
  >
237
237
  <i class="fas fa-align-left" aria-hidden="true"></i>
238
238
  </button>
239
239
  </div>
240
- <div class="pf-v5-c-overflow-menu__item">
240
+ <div class="pf-v6-c-overflow-menu__item">
241
241
  <button
242
- class="pf-v5-c-button pf-m-plain"
242
+ class="pf-v6-c-button pf-m-plain"
243
243
  type="button"
244
244
  aria-label="Align center"
245
245
  >
246
246
  <i class="fas fa-align-center" aria-hidden="true"></i>
247
247
  </button>
248
248
  </div>
249
- <div class="pf-v5-c-overflow-menu__item">
249
+ <div class="pf-v6-c-overflow-menu__item">
250
250
  <button
251
- class="pf-v5-c-button pf-m-plain"
251
+ class="pf-v6-c-button pf-m-plain"
252
252
  type="button"
253
253
  aria-label="Align right"
254
254
  >
@@ -257,10 +257,10 @@ The action group consists of a primary and secondary action. Any additional acti
257
257
  </div>
258
258
  </div>
259
259
  </div>
260
- <div class="pf-v5-c-overflow-menu__control">
261
- <div class="pf-v5-c-dropdown pf-m-expanded">
260
+ <div class="pf-v6-c-overflow-menu__control">
261
+ <div class="pf-v6-c-dropdown pf-m-expanded">
262
262
  <button
263
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
263
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
264
264
  type="button"
265
265
  id="overflow-menu-simple-additional-options-visible-dropdown-toggle"
266
266
  aria-label="Dropdown with additional options"
@@ -269,12 +269,12 @@ The action group consists of a primary and secondary action. Any additional acti
269
269
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
270
270
  </button>
271
271
  <ul
272
- class="pf-v5-c-dropdown__menu"
272
+ class="pf-v6-c-dropdown__menu"
273
273
  role="menu"
274
274
  aria-labelledby="overflow-menu-simple-additional-options-visible-dropdown-toggle"
275
275
  >
276
276
  <li role="none">
277
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 7</button>
277
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 7</button>
278
278
  </li>
279
279
  </ul>
280
280
  </div>
@@ -288,18 +288,18 @@ The action group consists of a primary and secondary action. Any additional acti
288
288
  ### Persistent additional options (hidden)
289
289
 
290
290
  ```html
291
- <div class="pf-v5-c-overflow-menu" id="overflow-menu-persistent-hidden">
292
- <div class="pf-v5-c-overflow-menu__content">
293
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
294
- <div class="pf-v5-c-overflow-menu__item">
295
- <button class="pf-v5-c-button pf-m-primary" type="button">Primary</button>
291
+ <div class="pf-v6-c-overflow-menu" id="overflow-menu-persistent-hidden">
292
+ <div class="pf-v6-c-overflow-menu__content">
293
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
294
+ <div class="pf-v6-c-overflow-menu__item">
295
+ <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
296
296
  </div>
297
297
  </div>
298
298
  </div>
299
- <div class="pf-v5-c-overflow-menu__control">
300
- <div class="pf-v5-c-dropdown pf-m-expanded">
299
+ <div class="pf-v6-c-overflow-menu__control">
300
+ <div class="pf-v6-c-dropdown pf-m-expanded">
301
301
  <button
302
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
302
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
303
303
  type="button"
304
304
  id="overflow-menu-persistent-hidden-dropdown-toggle"
305
305
  aria-label="Dropdown for persistent example"
@@ -308,18 +308,18 @@ The action group consists of a primary and secondary action. Any additional acti
308
308
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
309
309
  </button>
310
310
  <ul
311
- class="pf-v5-c-dropdown__menu"
311
+ class="pf-v6-c-dropdown__menu"
312
312
  role="menu"
313
313
  aria-labelledby="overflow-menu-persistent-hidden-dropdown-toggle"
314
314
  >
315
315
  <li role="none">
316
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Secondary</button>
316
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Secondary</button>
317
317
  </li>
318
318
  <li role="none">
319
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Tertiary</button>
319
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Tertiary</button>
320
320
  </li>
321
321
  <li role="none">
322
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 4</button>
322
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 4</button>
323
323
  </li>
324
324
  </ul>
325
325
  </div>
@@ -332,26 +332,26 @@ The action group consists of a primary and secondary action. Any additional acti
332
332
 
333
333
  ```html
334
334
  <div
335
- class="pf-v5-c-overflow-menu"
335
+ class="pf-v6-c-overflow-menu"
336
336
  id="overflow-menu-persistent-visible-example"
337
337
  >
338
- <div class="pf-v5-c-overflow-menu__content">
339
- <div class="pf-v5-c-overflow-menu__group pf-m-button-group">
340
- <div class="pf-v5-c-overflow-menu__item">
341
- <button class="pf-v5-c-button pf-m-primary" type="button">Primary</button>
338
+ <div class="pf-v6-c-overflow-menu__content">
339
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
340
+ <div class="pf-v6-c-overflow-menu__item">
341
+ <button class="pf-v6-c-button pf-m-primary" type="button">Primary</button>
342
342
  </div>
343
- <div class="pf-v5-c-overflow-menu__item">
344
- <button class="pf-v5-c-button pf-m-secondary" type="button">Secondary</button>
343
+ <div class="pf-v6-c-overflow-menu__item">
344
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Secondary</button>
345
345
  </div>
346
- <div class="pf-v5-c-overflow-menu__item">
347
- <button class="pf-v5-c-button pf-m-tertiary" type="button">Tertiary</button>
346
+ <div class="pf-v6-c-overflow-menu__item">
347
+ <button class="pf-v6-c-button pf-m-tertiary" type="button">Tertiary</button>
348
348
  </div>
349
349
  </div>
350
350
  </div>
351
- <div class="pf-v5-c-overflow-menu__control">
352
- <div class="pf-v5-c-dropdown pf-m-expanded">
351
+ <div class="pf-v6-c-overflow-menu__control">
352
+ <div class="pf-v6-c-dropdown pf-m-expanded">
353
353
  <button
354
- class="pf-v5-c-button pf-v5-c-dropdown__toggle pf-m-plain"
354
+ class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
355
355
  type="button"
356
356
  id="overflow-menu-persistent-visible-example-dropdown-toggle"
357
357
  aria-label="Dropdown for persistent example"
@@ -360,12 +360,12 @@ The action group consists of a primary and secondary action. Any additional acti
360
360
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
361
361
  </button>
362
362
  <ul
363
- class="pf-v5-c-dropdown__menu"
363
+ class="pf-v6-c-dropdown__menu"
364
364
  role="menu"
365
365
  aria-labelledby="overflow-menu-persistent-visible-example-dropdown-toggle"
366
366
  >
367
367
  <li role="none">
368
- <button role="menuitem" class="pf-v5-c-dropdown__menu-item">Action 4</button>
368
+ <button role="menuitem" class="pf-v6-c-dropdown__menu-item">Action 4</button>
369
369
  </li>
370
370
  </ul>
371
371
  </div>