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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +1 -1
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/components/AppLauncher/deprecated/application-launcher.md CHANGED
@@ -12,12 +12,12 @@ deprecated: true
12
12
 
13
13
  ```html
14
14
  <nav
15
- class="pf-v5-c-app-launcher"
15
+ class="pf-v6-c-app-launcher"
16
16
  aria-label="Application launcher"
17
17
  id="application-launcher-collapsed"
18
18
  >
19
19
  <button
20
- class="pf-v5-c-app-launcher__toggle"
20
+ class="pf-v6-c-app-launcher__toggle"
21
21
  type="button"
22
22
  id="application-launcher-collapsed-button"
23
23
  aria-expanded="false"
@@ -26,25 +26,25 @@ deprecated: true
26
26
  <i class="fas fa-th" aria-hidden="true"></i>
27
27
  </button>
28
28
  <ul
29
- class="pf-v5-c-app-launcher__menu"
29
+ class="pf-v6-c-app-launcher__menu"
30
30
  aria-labelledby="application-launcher-collapsed-button"
31
31
  role="menu"
32
32
  hidden
33
33
  >
34
34
  <li role="none">
35
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
35
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
36
36
  </li>
37
37
  <li role="none">
38
38
  <button
39
- class="pf-v5-c-app-launcher__menu-item"
39
+ class="pf-v6-c-app-launcher__menu-item"
40
40
  role="menuitem"
41
41
  type="button"
42
42
  >Action</button>
43
43
  </li>
44
- <li class="pf-v5-c-divider" role="separator"></li>
44
+ <li class="pf-v6-c-divider" role="separator"></li>
45
45
  <li role="none">
46
46
  <a
47
- class="pf-v5-c-app-launcher__menu-item pf-m-disabled"
47
+ class="pf-v6-c-app-launcher__menu-item pf-m-disabled"
48
48
  role="menuitem"
49
49
  href="#"
50
50
  aria-disabled="true"
@@ -60,12 +60,12 @@ deprecated: true
60
60
 
61
61
  ```html
62
62
  <nav
63
- class="pf-v5-c-app-launcher"
63
+ class="pf-v6-c-app-launcher"
64
64
  aria-label="Application launcher"
65
65
  id="application-launcher-disabled"
66
66
  >
67
67
  <button
68
- class="pf-v5-c-app-launcher__toggle"
68
+ class="pf-v6-c-app-launcher__toggle"
69
69
  type="button"
70
70
  id="application-launcher-disabled-button"
71
71
  aria-expanded="false"
@@ -75,25 +75,25 @@ deprecated: true
75
75
  <i class="fas fa-th" aria-hidden="true"></i>
76
76
  </button>
77
77
  <ul
78
- class="pf-v5-c-app-launcher__menu"
78
+ class="pf-v6-c-app-launcher__menu"
79
79
  aria-labelledby="application-launcher-disabled-button"
80
80
  role="menu"
81
81
  hidden
82
82
  >
83
83
  <li role="none">
84
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
84
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
85
85
  </li>
86
86
  <li role="none">
87
87
  <button
88
- class="pf-v5-c-app-launcher__menu-item"
88
+ class="pf-v6-c-app-launcher__menu-item"
89
89
  role="menuitem"
90
90
  type="button"
91
91
  >Action</button>
92
92
  </li>
93
- <li class="pf-v5-c-divider" role="separator"></li>
93
+ <li class="pf-v6-c-divider" role="separator"></li>
94
94
  <li role="none">
95
95
  <a
96
- class="pf-v5-c-app-launcher__menu-item pf-m-disabled"
96
+ class="pf-v6-c-app-launcher__menu-item pf-m-disabled"
97
97
  role="menuitem"
98
98
  href="#"
99
99
  aria-disabled="true"
@@ -109,12 +109,12 @@ deprecated: true
109
109
 
110
110
  ```html
111
111
  <nav
112
- class="pf-v5-c-app-launcher pf-m-expanded"
112
+ class="pf-v6-c-app-launcher pf-m-expanded"
113
113
  aria-label="Application launcher"
114
114
  id="application-launcher-expanded"
115
115
  >
116
116
  <button
117
- class="pf-v5-c-app-launcher__toggle"
117
+ class="pf-v6-c-app-launcher__toggle"
118
118
  type="button"
119
119
  id="application-launcher-expanded-button"
120
120
  aria-expanded="true"
@@ -123,24 +123,24 @@ deprecated: true
123
123
  <i class="fas fa-th" aria-hidden="true"></i>
124
124
  </button>
125
125
  <ul
126
- class="pf-v5-c-app-launcher__menu"
126
+ class="pf-v6-c-app-launcher__menu"
127
127
  aria-labelledby="application-launcher-expanded-button"
128
128
  role="menu"
129
129
  >
130
130
  <li role="none">
131
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
131
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
132
132
  </li>
133
133
  <li role="none">
134
134
  <button
135
- class="pf-v5-c-app-launcher__menu-item"
135
+ class="pf-v6-c-app-launcher__menu-item"
136
136
  role="menuitem"
137
137
  type="button"
138
138
  >Action</button>
139
139
  </li>
140
- <li class="pf-v5-c-divider" role="separator"></li>
140
+ <li class="pf-v6-c-divider" role="separator"></li>
141
141
  <li role="none">
142
142
  <a
143
- class="pf-v5-c-app-launcher__menu-item pf-m-disabled"
143
+ class="pf-v6-c-app-launcher__menu-item pf-m-disabled"
144
144
  role="menuitem"
145
145
  href="#"
146
146
  aria-disabled="true"
@@ -156,12 +156,12 @@ deprecated: true
156
156
 
157
157
  ```html
158
158
  <nav
159
- class="pf-v5-c-app-launcher pf-m-expanded"
159
+ class="pf-v6-c-app-launcher pf-m-expanded"
160
160
  aria-label="Application launcher"
161
161
  id="application-launcher-aligned-right"
162
162
  >
163
163
  <button
164
- class="pf-v5-c-app-launcher__toggle"
164
+ class="pf-v6-c-app-launcher__toggle"
165
165
  type="button"
166
166
  id="application-launcher-aligned-right-button"
167
167
  aria-expanded="true"
@@ -170,24 +170,24 @@ deprecated: true
170
170
  <i class="fas fa-th" aria-hidden="true"></i>
171
171
  </button>
172
172
  <ul
173
- class="pf-v5-c-app-launcher__menu pf-m-align-right"
173
+ class="pf-v6-c-app-launcher__menu pf-m-align-right"
174
174
  aria-labelledby="application-launcher-aligned-right-button"
175
175
  role="menu"
176
176
  >
177
177
  <li role="none">
178
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
178
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
179
179
  </li>
180
180
  <li role="none">
181
181
  <button
182
- class="pf-v5-c-app-launcher__menu-item"
182
+ class="pf-v6-c-app-launcher__menu-item"
183
183
  role="menuitem"
184
184
  type="button"
185
185
  >Action</button>
186
186
  </li>
187
- <li class="pf-v5-c-divider" role="separator"></li>
187
+ <li class="pf-v6-c-divider" role="separator"></li>
188
188
  <li role="none">
189
189
  <a
190
- class="pf-v5-c-app-launcher__menu-item pf-m-disabled"
190
+ class="pf-v6-c-app-launcher__menu-item pf-m-disabled"
191
191
  role="menuitem"
192
192
  href="#"
193
193
  aria-disabled="true"
@@ -203,12 +203,12 @@ deprecated: true
203
203
 
204
204
  ```html
205
205
  <nav
206
- class="pf-v5-c-app-launcher pf-m-expanded pf-m-top"
206
+ class="pf-v6-c-app-launcher pf-m-expanded pf-m-top"
207
207
  aria-label="Application launcher"
208
208
  id="application-launcher-aligned-top"
209
209
  >
210
210
  <button
211
- class="pf-v5-c-app-launcher__toggle"
211
+ class="pf-v6-c-app-launcher__toggle"
212
212
  type="button"
213
213
  id="application-launcher-aligned-top-button"
214
214
  aria-expanded="true"
@@ -217,24 +217,24 @@ deprecated: true
217
217
  <i class="fas fa-th" aria-hidden="true"></i>
218
218
  </button>
219
219
  <ul
220
- class="pf-v5-c-app-launcher__menu"
220
+ class="pf-v6-c-app-launcher__menu"
221
221
  aria-labelledby="application-launcher-aligned-top-button"
222
222
  role="menu"
223
223
  >
224
224
  <li role="none">
225
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
225
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">Link</a>
226
226
  </li>
227
227
  <li role="none">
228
228
  <button
229
- class="pf-v5-c-app-launcher__menu-item"
229
+ class="pf-v6-c-app-launcher__menu-item"
230
230
  role="menuitem"
231
231
  type="button"
232
232
  >Action</button>
233
233
  </li>
234
- <li class="pf-v5-c-divider" role="separator"></li>
234
+ <li class="pf-v6-c-divider" role="separator"></li>
235
235
  <li role="none">
236
236
  <a
237
- class="pf-v5-c-app-launcher__menu-item pf-m-disabled"
237
+ class="pf-v6-c-app-launcher__menu-item pf-m-disabled"
238
238
  role="menuitem"
239
239
  href="#"
240
240
  aria-disabled="true"
@@ -250,12 +250,12 @@ deprecated: true
250
250
 
251
251
  ```html
252
252
  <nav
253
- class="pf-v5-c-app-launcher pf-m-expanded"
253
+ class="pf-v6-c-app-launcher pf-m-expanded"
254
254
  aria-label="Application launcher"
255
255
  id="application-launcher-divided-sections"
256
256
  >
257
257
  <button
258
- class="pf-v5-c-app-launcher__toggle"
258
+ class="pf-v6-c-app-launcher__toggle"
259
259
  type="button"
260
260
  id="application-launcher-divided-sections-button"
261
261
  aria-expanded="true"
@@ -263,52 +263,52 @@ deprecated: true
263
263
  >
264
264
  <i class="fas fa-th" aria-hidden="true"></i>
265
265
  </button>
266
- <div class="pf-v5-c-app-launcher__menu">
267
- <section class="pf-v5-c-app-launcher__group">
266
+ <div class="pf-v6-c-app-launcher__menu">
267
+ <section class="pf-v6-c-app-launcher__group">
268
268
  <ul role="menu">
269
269
  <li role="none">
270
270
  <a
271
- class="pf-v5-c-app-launcher__menu-item"
271
+ class="pf-v6-c-app-launcher__menu-item"
272
272
  role="menuitem"
273
273
  href="#"
274
274
  >Link not in group</a>
275
275
  </li>
276
276
  </ul>
277
277
  </section>
278
- <hr class="pf-v5-c-divider" />
279
- <section class="pf-v5-c-app-launcher__group">
280
- <h1 class="pf-v5-c-app-launcher__group-title">Group 1</h1>
278
+ <hr class="pf-v6-c-divider" />
279
+ <section class="pf-v6-c-app-launcher__group">
280
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 1</h1>
281
281
  <ul role="menu">
282
282
  <li role="none">
283
283
  <a
284
- class="pf-v5-c-app-launcher__menu-item"
284
+ class="pf-v6-c-app-launcher__menu-item"
285
285
  role="menuitem"
286
286
  href="#"
287
287
  >Group 1 link</a>
288
288
  </li>
289
289
  <li role="none">
290
290
  <a
291
- class="pf-v5-c-app-launcher__menu-item"
291
+ class="pf-v6-c-app-launcher__menu-item"
292
292
  role="menuitem"
293
293
  href="#"
294
294
  >Group 1 link</a>
295
295
  </li>
296
296
  </ul>
297
297
  </section>
298
- <hr class="pf-v5-c-divider" />
299
- <section class="pf-v5-c-app-launcher__group">
300
- <h1 class="pf-v5-c-app-launcher__group-title">Group 2</h1>
298
+ <hr class="pf-v6-c-divider" />
299
+ <section class="pf-v6-c-app-launcher__group">
300
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 2</h1>
301
301
  <ul role="menu">
302
302
  <li role="none">
303
303
  <a
304
- class="pf-v5-c-app-launcher__menu-item"
304
+ class="pf-v6-c-app-launcher__menu-item"
305
305
  role="menuitem"
306
306
  href="#"
307
307
  >Group 2 link</a>
308
308
  </li>
309
309
  <li role="none">
310
310
  <a
311
- class="pf-v5-c-app-launcher__menu-item"
311
+ class="pf-v6-c-app-launcher__menu-item"
312
312
  role="menuitem"
313
313
  href="#"
314
314
  >Group 2 link</a>
@@ -324,12 +324,12 @@ deprecated: true
324
324
 
325
325
  ```html
326
326
  <nav
327
- class="pf-v5-c-app-launcher pf-m-expanded"
327
+ class="pf-v6-c-app-launcher pf-m-expanded"
328
328
  aria-label="Application launcher"
329
329
  id="application-launcher-divided-items"
330
330
  >
331
331
  <button
332
- class="pf-v5-c-app-launcher__toggle"
332
+ class="pf-v6-c-app-launcher__toggle"
333
333
  type="button"
334
334
  id="application-launcher-divided-items-button"
335
335
  aria-expanded="true"
@@ -337,52 +337,52 @@ deprecated: true
337
337
  >
338
338
  <i class="fas fa-th" aria-hidden="true"></i>
339
339
  </button>
340
- <div class="pf-v5-c-app-launcher__menu">
341
- <section class="pf-v5-c-app-launcher__group">
340
+ <div class="pf-v6-c-app-launcher__menu">
341
+ <section class="pf-v6-c-app-launcher__group">
342
342
  <ul role="menu">
343
343
  <li role="none">
344
344
  <a
345
- class="pf-v5-c-app-launcher__menu-item"
345
+ class="pf-v6-c-app-launcher__menu-item"
346
346
  role="menuitem"
347
347
  href="#"
348
348
  >Link not in group</a>
349
349
  </li>
350
- <li class="pf-v5-c-divider" role="separator"></li>
350
+ <li class="pf-v6-c-divider" role="separator"></li>
351
351
  </ul>
352
352
  </section>
353
- <section class="pf-v5-c-app-launcher__group">
354
- <h1 class="pf-v5-c-app-launcher__group-title">Group 1</h1>
353
+ <section class="pf-v6-c-app-launcher__group">
354
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 1</h1>
355
355
  <ul role="menu">
356
356
  <li role="none">
357
357
  <a
358
- class="pf-v5-c-app-launcher__menu-item"
358
+ class="pf-v6-c-app-launcher__menu-item"
359
359
  role="menuitem"
360
360
  href="#"
361
361
  >Group 1 link</a>
362
362
  </li>
363
363
  <li role="none">
364
364
  <a
365
- class="pf-v5-c-app-launcher__menu-item"
365
+ class="pf-v6-c-app-launcher__menu-item"
366
366
  role="menuitem"
367
367
  href="#"
368
368
  >Group 1 link</a>
369
369
  </li>
370
- <li class="pf-v5-c-divider" role="separator"></li>
370
+ <li class="pf-v6-c-divider" role="separator"></li>
371
371
  </ul>
372
372
  </section>
373
- <section class="pf-v5-c-app-launcher__group">
374
- <h1 class="pf-v5-c-app-launcher__group-title">Group 2</h1>
373
+ <section class="pf-v6-c-app-launcher__group">
374
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 2</h1>
375
375
  <ul role="menu">
376
376
  <li role="none">
377
377
  <a
378
- class="pf-v5-c-app-launcher__menu-item"
378
+ class="pf-v6-c-app-launcher__menu-item"
379
379
  role="menuitem"
380
380
  href="#"
381
381
  >Group 2 link</a>
382
382
  </li>
383
383
  <li role="none">
384
384
  <a
385
- class="pf-v5-c-app-launcher__menu-item"
385
+ class="pf-v6-c-app-launcher__menu-item"
386
386
  role="menuitem"
387
387
  href="#"
388
388
  >Group 2 link</a>
@@ -398,12 +398,12 @@ deprecated: true
398
398
 
399
399
  ```html
400
400
  <nav
401
- class="pf-v5-c-app-launcher pf-m-expanded"
401
+ class="pf-v6-c-app-launcher pf-m-expanded"
402
402
  aria-label="Application launcher"
403
403
  id="application-launcher-sections-dividers-icons-links"
404
404
  >
405
405
  <button
406
- class="pf-v5-c-app-launcher__toggle"
406
+ class="pf-v6-c-app-launcher__toggle"
407
407
  type="button"
408
408
  id="application-launcher-sections-dividers-icons-links-button"
409
409
  aria-expanded="true"
@@ -411,12 +411,12 @@ deprecated: true
411
411
  >
412
412
  <i class="fas fa-th" aria-hidden="true"></i>
413
413
  </button>
414
- <div class="pf-v5-c-app-launcher__menu">
415
- <section class="pf-v5-c-app-launcher__group">
414
+ <div class="pf-v6-c-app-launcher__menu">
415
+ <section class="pf-v6-c-app-launcher__group">
416
416
  <ul role="menu">
417
417
  <li role="none">
418
- <a class="pf-v5-c-app-launcher__menu-item" role="menuitem" href="#">
419
- <span class="pf-v5-c-app-launcher__menu-item-icon">
418
+ <a class="pf-v6-c-app-launcher__menu-item" role="menuitem" href="#">
419
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
420
420
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
421
421
  </span>
422
422
  Link not in group
@@ -424,90 +424,90 @@ deprecated: true
424
424
  </li>
425
425
  </ul>
426
426
  </section>
427
- <li class="pf-v5-c-divider" role="separator"></li>
428
- <section class="pf-v5-c-app-launcher__group">
429
- <h1 class="pf-v5-c-app-launcher__group-title">Group 1</h1>
427
+ <li class="pf-v6-c-divider" role="separator"></li>
428
+ <section class="pf-v6-c-app-launcher__group">
429
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 1</h1>
430
430
  <ul role="menu">
431
431
  <li role="none">
432
432
  <a
433
- class="pf-v5-c-app-launcher__menu-item pf-m-external"
433
+ class="pf-v6-c-app-launcher__menu-item pf-m-external"
434
434
  role="menuitem"
435
435
  href="#"
436
436
  target="_blank"
437
437
  >
438
- <span class="pf-v5-c-app-launcher__menu-item-icon">
438
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
439
439
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
440
440
  </span>
441
441
  Group 1 link
442
442
  <span
443
- class="pf-v5-c-app-launcher__menu-item-external-icon"
443
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
444
444
  >
445
445
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
446
446
  </span>
447
- <span class="pf-v5-screen-reader">(opens new window)</span>
447
+ <span class="pf-v6-screen-reader">(opens new window)</span>
448
448
  </a>
449
449
  </li>
450
450
  <li role="none">
451
451
  <a
452
- class="pf-v5-c-app-launcher__menu-item pf-m-external"
452
+ class="pf-v6-c-app-launcher__menu-item pf-m-external"
453
453
  role="menuitem"
454
454
  href="#"
455
455
  target="_blank"
456
456
  >
457
- <span class="pf-v5-c-app-launcher__menu-item-icon">
457
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
458
458
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
459
459
  </span>
460
460
  Group 1 link
461
461
  <span
462
- class="pf-v5-c-app-launcher__menu-item-external-icon"
462
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
463
463
  >
464
464
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
465
465
  </span>
466
- <span class="pf-v5-screen-reader">(opens new window)</span>
466
+ <span class="pf-v6-screen-reader">(opens new window)</span>
467
467
  </a>
468
468
  </li>
469
- <li class="pf-v5-c-divider" role="separator"></li>
469
+ <li class="pf-v6-c-divider" role="separator"></li>
470
470
  </ul>
471
471
  </section>
472
- <section class="pf-v5-c-app-launcher__group">
473
- <h1 class="pf-v5-c-app-launcher__group-title">Group 2</h1>
472
+ <section class="pf-v6-c-app-launcher__group">
473
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 2</h1>
474
474
  <ul role="menu">
475
475
  <li role="none">
476
476
  <a
477
- class="pf-v5-c-app-launcher__menu-item pf-m-external"
477
+ class="pf-v6-c-app-launcher__menu-item pf-m-external"
478
478
  role="menuitem"
479
479
  href="#"
480
480
  target="_blank"
481
481
  >
482
- <span class="pf-v5-c-app-launcher__menu-item-icon">
482
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
483
483
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
484
484
  </span>
485
485
  Group 2 link
486
486
  <span
487
- class="pf-v5-c-app-launcher__menu-item-external-icon"
487
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
488
488
  >
489
489
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
490
490
  </span>
491
- <span class="pf-v5-screen-reader">(opens new window)</span>
491
+ <span class="pf-v6-screen-reader">(opens new window)</span>
492
492
  </a>
493
493
  </li>
494
494
  <li role="none">
495
495
  <a
496
- class="pf-v5-c-app-launcher__menu-item pf-m-external"
496
+ class="pf-v6-c-app-launcher__menu-item pf-m-external"
497
497
  role="menuitem"
498
498
  href="#"
499
499
  target="_blank"
500
500
  >
501
- <span class="pf-v5-c-app-launcher__menu-item-icon">
501
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
502
502
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
503
503
  </span>
504
504
  Group 2 link
505
505
  <span
506
- class="pf-v5-c-app-launcher__menu-item-external-icon"
506
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
507
507
  >
508
508
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
509
509
  </span>
510
- <span class="pf-v5-screen-reader">(opens new window)</span>
510
+ <span class="pf-v6-screen-reader">(opens new window)</span>
511
511
  </a>
512
512
  </li>
513
513
  </ul>
@@ -521,12 +521,12 @@ deprecated: true
521
521
 
522
522
  ```html
523
523
  <nav
524
- class="pf-v5-c-app-launcher pf-m-expanded"
524
+ class="pf-v6-c-app-launcher pf-m-expanded"
525
525
  aria-label="Application launcher"
526
526
  id="app-launcher-favorites"
527
527
  >
528
528
  <button
529
- class="pf-v5-c-app-launcher__toggle"
529
+ class="pf-v6-c-app-launcher__toggle"
530
530
  type="button"
531
531
  id="app-launcher-favorites-button"
532
532
  aria-expanded="true"
@@ -534,16 +534,16 @@ deprecated: true
534
534
  >
535
535
  <i class="fas fa-th" aria-hidden="true"></i>
536
536
  </button>
537
- <div class="pf-v5-c-app-launcher__menu">
538
- <div class="pf-v5-c-app-launcher__menu-search">
539
- <div class="pf-v5-c-text-input-group">
540
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
541
- <span class="pf-v5-c-text-input-group__text">
542
- <span class="pf-v5-c-text-input-group__icon">
537
+ <div class="pf-v6-c-app-launcher__menu">
538
+ <div class="pf-v6-c-app-launcher__menu-search">
539
+ <div class="pf-v6-c-text-input-group">
540
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
541
+ <span class="pf-v6-c-text-input-group__text">
542
+ <span class="pf-v6-c-text-input-group__icon">
543
543
  <i class="fas fa-fw fa-search"></i>
544
544
  </span>
545
545
  <input
546
- class="pf-v5-c-text-input-group__text-input"
546
+ class="pf-v6-c-text-input-group__text-input"
547
547
  type="text"
548
548
  placeholder="Search"
549
549
  value
@@ -553,32 +553,32 @@ deprecated: true
553
553
  </div>
554
554
  </div>
555
555
  </div>
556
- <section class="pf-v5-c-app-launcher__group">
557
- <h1 class="pf-v5-c-app-launcher__group-title">Favorites</h1>
556
+ <section class="pf-v6-c-app-launcher__group">
557
+ <h1 class="pf-v6-c-app-launcher__group-title">Favorites</h1>
558
558
  <ul role="menu">
559
559
  <li
560
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
560
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
561
561
  role="none"
562
562
  >
563
563
  <a
564
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
564
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
565
565
  role="menuitem"
566
566
  href="#"
567
567
  target="_blank"
568
568
  >
569
- <span class="pf-v5-c-app-launcher__menu-item-icon">
569
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
570
570
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
571
571
  </span>
572
572
  Link 2
573
573
  <span
574
- class="pf-v5-c-app-launcher__menu-item-external-icon"
574
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
575
575
  >
576
576
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
577
577
  </span>
578
- <span class="pf-v5-screen-reader">(opens new window)</span>
578
+ <span class="pf-v6-screen-reader">(opens new window)</span>
579
579
  </a>
580
580
  <button
581
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
581
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
582
582
  type="button"
583
583
  aria-label="Favorite"
584
584
  >
@@ -586,28 +586,28 @@ deprecated: true
586
586
  </button>
587
587
  </li>
588
588
  <li
589
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
589
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
590
590
  role="none"
591
591
  >
592
592
  <a
593
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
593
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
594
594
  role="menuitem"
595
595
  href="#"
596
596
  target="_blank"
597
597
  >
598
- <span class="pf-v5-c-app-launcher__menu-item-icon">
598
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
599
599
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
600
600
  </span>
601
601
  Link 3
602
602
  <span
603
- class="pf-v5-c-app-launcher__menu-item-external-icon"
603
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
604
604
  >
605
605
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
606
606
  </span>
607
- <span class="pf-v5-screen-reader">(opens new window)</span>
607
+ <span class="pf-v6-screen-reader">(opens new window)</span>
608
608
  </a>
609
609
  <button
610
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
610
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
611
611
  type="button"
612
612
  aria-label="Favorite"
613
613
  >
@@ -616,33 +616,33 @@ deprecated: true
616
616
  </li>
617
617
  </ul>
618
618
  </section>
619
- <hr class="pf-v5-c-divider" />
620
- <section class="pf-v5-c-app-launcher__group">
621
- <h1 class="pf-v5-c-app-launcher__group-title">Group 1</h1>
619
+ <hr class="pf-v6-c-divider" />
620
+ <section class="pf-v6-c-app-launcher__group">
621
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 1</h1>
622
622
  <ul role="menu">
623
623
  <li
624
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external"
624
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external"
625
625
  role="none"
626
626
  >
627
627
  <a
628
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
628
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
629
629
  role="menuitem"
630
630
  href="#"
631
631
  target="_blank"
632
632
  >
633
- <span class="pf-v5-c-app-launcher__menu-item-icon">
633
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
634
634
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
635
635
  </span>
636
636
  Link 1
637
637
  <span
638
- class="pf-v5-c-app-launcher__menu-item-external-icon"
638
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
639
639
  >
640
640
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
641
641
  </span>
642
- <span class="pf-v5-screen-reader">(opens new window)</span>
642
+ <span class="pf-v6-screen-reader">(opens new window)</span>
643
643
  </a>
644
644
  <button
645
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
645
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
646
646
  type="button"
647
647
  aria-label="Favorite"
648
648
  >
@@ -650,28 +650,28 @@ deprecated: true
650
650
  </button>
651
651
  </li>
652
652
  <li
653
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
653
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
654
654
  role="none"
655
655
  >
656
656
  <a
657
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
657
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
658
658
  role="menuitem"
659
659
  href="#"
660
660
  target="_blank"
661
661
  >
662
- <span class="pf-v5-c-app-launcher__menu-item-icon">
662
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
663
663
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
664
664
  </span>
665
665
  Link 2
666
666
  <span
667
- class="pf-v5-c-app-launcher__menu-item-external-icon"
667
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
668
668
  >
669
669
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
670
670
  </span>
671
- <span class="pf-v5-screen-reader">(opens new window)</span>
671
+ <span class="pf-v6-screen-reader">(opens new window)</span>
672
672
  </a>
673
673
  <button
674
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
674
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
675
675
  type="button"
676
676
  aria-label="Favorite"
677
677
  >
@@ -680,33 +680,33 @@ deprecated: true
680
680
  </li>
681
681
  </ul>
682
682
  </section>
683
- <hr class="pf-v5-c-divider" />
684
- <section class="pf-v5-c-app-launcher__group">
685
- <h1 class="pf-v5-c-app-launcher__group-title">Group 2</h1>
683
+ <hr class="pf-v6-c-divider" />
684
+ <section class="pf-v6-c-app-launcher__group">
685
+ <h1 class="pf-v6-c-app-launcher__group-title">Group 2</h1>
686
686
  <ul role="menu">
687
687
  <li
688
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
688
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
689
689
  role="none"
690
690
  >
691
691
  <a
692
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
692
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
693
693
  role="menuitem"
694
694
  href="#"
695
695
  target="_blank"
696
696
  >
697
- <span class="pf-v5-c-app-launcher__menu-item-icon">
697
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
698
698
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
699
699
  </span>
700
700
  Link 3
701
701
  <span
702
- class="pf-v5-c-app-launcher__menu-item-external-icon"
702
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
703
703
  >
704
704
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
705
705
  </span>
706
- <span class="pf-v5-screen-reader">(opens new window)</span>
706
+ <span class="pf-v6-screen-reader">(opens new window)</span>
707
707
  </a>
708
708
  <button
709
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
709
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
710
710
  type="button"
711
711
  aria-label="Favorite"
712
712
  >
@@ -714,28 +714,28 @@ deprecated: true
714
714
  </button>
715
715
  </li>
716
716
  <li
717
- class="pf-v5-c-app-launcher__menu-wrapper pf-m-external"
717
+ class="pf-v6-c-app-launcher__menu-wrapper pf-m-external"
718
718
  role="none"
719
719
  >
720
720
  <a
721
- class="pf-v5-c-app-launcher__menu-item pf-m-link"
721
+ class="pf-v6-c-app-launcher__menu-item pf-m-link"
722
722
  role="menuitem"
723
723
  href="#"
724
724
  target="_blank"
725
725
  >
726
- <span class="pf-v5-c-app-launcher__menu-item-icon">
726
+ <span class="pf-v6-c-app-launcher__menu-item-icon">
727
727
  <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
728
728
  </span>
729
729
  Link 4
730
730
  <span
731
- class="pf-v5-c-app-launcher__menu-item-external-icon"
731
+ class="pf-v6-c-app-launcher__menu-item-external-icon"
732
732
  >
733
733
  <i class="fas fa-external-link-alt" aria-hidden="true"></i>
734
734
  </span>
735
- <span class="pf-v5-screen-reader">(opens new window)</span>
735
+ <span class="pf-v6-screen-reader">(opens new window)</span>
736
736
  </a>
737
737
  <button
738
- class="pf-v5-c-app-launcher__menu-item pf-m-action"
738
+ class="pf-v6-c-app-launcher__menu-item pf-m-action"
739
739
  type="button"
740
740
  aria-label="Favorite"
741
741
  >