@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/ContextSelector/deprecated/context-selector.md CHANGED
@@ -11,29 +11,29 @@ deprecated: true
11
11
  ### Basic
12
12
 
13
13
  ```html
14
- <div class="pf-v5-c-context-selector">
14
+ <div class="pf-v6-c-context-selector">
15
15
  <span id="context-selector-collapsed-example-label" hidden>Selected project:</span>
16
16
  <button
17
- class="pf-v5-c-context-selector__toggle"
17
+ class="pf-v6-c-context-selector__toggle"
18
18
  aria-expanded="false"
19
19
  id="context-selector-collapsed-example-toggle"
20
20
  aria-labelledby="context-selector-collapsed-example-label context-selector-collapsed-example-toggle"
21
21
  >
22
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
23
- <span class="pf-v5-c-context-selector__toggle-icon">
22
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
23
+ <span class="pf-v6-c-context-selector__toggle-icon">
24
24
  <i class="fas fa-caret-down" aria-hidden="true"></i>
25
25
  </span>
26
26
  </button>
27
- <div class="pf-v5-c-context-selector__menu" hidden>
28
- <div class="pf-v5-c-context-selector__menu-search">
29
- <div class="pf-v5-c-text-input-group">
30
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
31
- <span class="pf-v5-c-text-input-group__text">
32
- <span class="pf-v5-c-text-input-group__icon">
27
+ <div class="pf-v6-c-context-selector__menu" hidden>
28
+ <div class="pf-v6-c-context-selector__menu-search">
29
+ <div class="pf-v6-c-text-input-group">
30
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
31
+ <span class="pf-v6-c-text-input-group__text">
32
+ <span class="pf-v6-c-text-input-group__icon">
33
33
  <i class="fas fa-fw fa-search"></i>
34
34
  </span>
35
35
  <input
36
- class="pf-v5-c-text-input-group__text-input"
36
+ class="pf-v6-c-text-input-group__text-input"
37
37
  type="text"
38
38
  placeholder="Search"
39
39
  value
@@ -43,24 +43,24 @@ deprecated: true
43
43
  </div>
44
44
  </div>
45
45
  </div>
46
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
46
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
47
47
  <li role="none">
48
48
  <a
49
- class="pf-v5-c-context-selector__menu-list-item"
49
+ class="pf-v6-c-context-selector__menu-list-item"
50
50
  href="#"
51
51
  role="menuitem"
52
52
  >Link</a>
53
53
  </li>
54
54
  <li role="none">
55
55
  <button
56
- class="pf-v5-c-context-selector__menu-list-item"
56
+ class="pf-v6-c-context-selector__menu-list-item"
57
57
  type="button"
58
58
  role="menuitem"
59
59
  >Action</button>
60
60
  </li>
61
61
  <li role="none">
62
62
  <a
63
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
63
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
64
64
  href="#"
65
65
  aria-disabled="true"
66
66
  tabindex="-1"
@@ -69,7 +69,7 @@ deprecated: true
69
69
  </li>
70
70
  <li role="none">
71
71
  <button
72
- class="pf-v5-c-context-selector__menu-list-item"
72
+ class="pf-v6-c-context-selector__menu-list-item"
73
73
  type="button"
74
74
  disabled
75
75
  role="menuitem"
@@ -77,70 +77,70 @@ deprecated: true
77
77
  </li>
78
78
  <li role="none">
79
79
  <button
80
- class="pf-v5-c-context-selector__menu-list-item"
80
+ class="pf-v6-c-context-selector__menu-list-item"
81
81
  type="button"
82
82
  role="menuitem"
83
83
  >My project</button>
84
84
  </li>
85
85
  <li role="none">
86
86
  <button
87
- class="pf-v5-c-context-selector__menu-list-item"
87
+ class="pf-v6-c-context-selector__menu-list-item"
88
88
  type="button"
89
89
  role="menuitem"
90
90
  >OpenShift cluster</button>
91
91
  </li>
92
92
  <li role="none">
93
93
  <button
94
- class="pf-v5-c-context-selector__menu-list-item"
94
+ class="pf-v6-c-context-selector__menu-list-item"
95
95
  type="button"
96
96
  role="menuitem"
97
97
  >Production Ansible</button>
98
98
  </li>
99
99
  <li role="none">
100
100
  <button
101
- class="pf-v5-c-context-selector__menu-list-item"
101
+ class="pf-v6-c-context-selector__menu-list-item"
102
102
  type="button"
103
103
  role="menuitem"
104
104
  >AWS</button>
105
105
  </li>
106
106
  <li role="none">
107
107
  <button
108
- class="pf-v5-c-context-selector__menu-list-item"
108
+ class="pf-v6-c-context-selector__menu-list-item"
109
109
  type="button"
110
110
  role="menuitem"
111
111
  >Azure</button>
112
112
  </li>
113
113
  <li role="none">
114
114
  <button
115
- class="pf-v5-c-context-selector__menu-list-item"
115
+ class="pf-v6-c-context-selector__menu-list-item"
116
116
  type="button"
117
117
  role="menuitem"
118
118
  >My project</button>
119
119
  </li>
120
120
  <li role="none">
121
121
  <button
122
- class="pf-v5-c-context-selector__menu-list-item"
122
+ class="pf-v6-c-context-selector__menu-list-item"
123
123
  type="button"
124
124
  role="menuitem"
125
125
  >OpenShift cluster</button>
126
126
  </li>
127
127
  <li role="none">
128
128
  <button
129
- class="pf-v5-c-context-selector__menu-list-item"
129
+ class="pf-v6-c-context-selector__menu-list-item"
130
130
  type="button"
131
131
  role="menuitem"
132
132
  >Production Ansible</button>
133
133
  </li>
134
134
  <li role="none">
135
135
  <button
136
- class="pf-v5-c-context-selector__menu-list-item"
136
+ class="pf-v6-c-context-selector__menu-list-item"
137
137
  type="button"
138
138
  role="menuitem"
139
139
  >AWS</button>
140
140
  </li>
141
141
  <li role="none">
142
142
  <button
143
- class="pf-v5-c-context-selector__menu-list-item"
143
+ class="pf-v6-c-context-selector__menu-list-item"
144
144
  type="button"
145
145
  role="menuitem"
146
146
  >Azure</button>
@@ -149,29 +149,29 @@ deprecated: true
149
149
  </div>
150
150
  </div>
151
151
 
152
- <div class="pf-v5-c-context-selector pf-m-expanded">
152
+ <div class="pf-v6-c-context-selector pf-m-expanded">
153
153
  <span id="context-selector-expanded-example-label" hidden>Selected Project:</span>
154
154
  <button
155
- class="pf-v5-c-context-selector__toggle"
155
+ class="pf-v6-c-context-selector__toggle"
156
156
  aria-expanded="true"
157
157
  id="context-selector-expanded-example-toggle"
158
158
  aria-labelledby="context-selector-expanded-example-label context-selector-expanded-example-toggle"
159
159
  >
160
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
161
- <span class="pf-v5-c-context-selector__toggle-icon">
160
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
161
+ <span class="pf-v6-c-context-selector__toggle-icon">
162
162
  <i class="fas fa-caret-down" aria-hidden="true"></i>
163
163
  </span>
164
164
  </button>
165
- <div class="pf-v5-c-context-selector__menu">
166
- <div class="pf-v5-c-context-selector__menu-search">
167
- <div class="pf-v5-c-text-input-group">
168
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
169
- <span class="pf-v5-c-text-input-group__text">
170
- <span class="pf-v5-c-text-input-group__icon">
165
+ <div class="pf-v6-c-context-selector__menu">
166
+ <div class="pf-v6-c-context-selector__menu-search">
167
+ <div class="pf-v6-c-text-input-group">
168
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
169
+ <span class="pf-v6-c-text-input-group__text">
170
+ <span class="pf-v6-c-text-input-group__icon">
171
171
  <i class="fas fa-fw fa-search"></i>
172
172
  </span>
173
173
  <input
174
- class="pf-v5-c-text-input-group__text-input"
174
+ class="pf-v6-c-text-input-group__text-input"
175
175
  type="text"
176
176
  placeholder="Search"
177
177
  value
@@ -181,24 +181,24 @@ deprecated: true
181
181
  </div>
182
182
  </div>
183
183
  </div>
184
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
184
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
185
185
  <li role="none">
186
186
  <a
187
- class="pf-v5-c-context-selector__menu-list-item"
187
+ class="pf-v6-c-context-selector__menu-list-item"
188
188
  href="#"
189
189
  role="menuitem"
190
190
  >Link</a>
191
191
  </li>
192
192
  <li role="none">
193
193
  <button
194
- class="pf-v5-c-context-selector__menu-list-item"
194
+ class="pf-v6-c-context-selector__menu-list-item"
195
195
  type="button"
196
196
  role="menuitem"
197
197
  >Action</button>
198
198
  </li>
199
199
  <li role="none">
200
200
  <a
201
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
201
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
202
202
  href="#"
203
203
  aria-disabled="true"
204
204
  tabindex="-1"
@@ -207,7 +207,7 @@ deprecated: true
207
207
  </li>
208
208
  <li role="none">
209
209
  <button
210
- class="pf-v5-c-context-selector__menu-list-item"
210
+ class="pf-v6-c-context-selector__menu-list-item"
211
211
  type="button"
212
212
  disabled
213
213
  role="menuitem"
@@ -215,70 +215,70 @@ deprecated: true
215
215
  </li>
216
216
  <li role="none">
217
217
  <button
218
- class="pf-v5-c-context-selector__menu-list-item"
218
+ class="pf-v6-c-context-selector__menu-list-item"
219
219
  type="button"
220
220
  role="menuitem"
221
221
  >My project</button>
222
222
  </li>
223
223
  <li role="none">
224
224
  <button
225
- class="pf-v5-c-context-selector__menu-list-item"
225
+ class="pf-v6-c-context-selector__menu-list-item"
226
226
  type="button"
227
227
  role="menuitem"
228
228
  >OpenShift cluster</button>
229
229
  </li>
230
230
  <li role="none">
231
231
  <button
232
- class="pf-v5-c-context-selector__menu-list-item"
232
+ class="pf-v6-c-context-selector__menu-list-item"
233
233
  type="button"
234
234
  role="menuitem"
235
235
  >Production Ansible</button>
236
236
  </li>
237
237
  <li role="none">
238
238
  <button
239
- class="pf-v5-c-context-selector__menu-list-item"
239
+ class="pf-v6-c-context-selector__menu-list-item"
240
240
  type="button"
241
241
  role="menuitem"
242
242
  >AWS</button>
243
243
  </li>
244
244
  <li role="none">
245
245
  <button
246
- class="pf-v5-c-context-selector__menu-list-item"
246
+ class="pf-v6-c-context-selector__menu-list-item"
247
247
  type="button"
248
248
  role="menuitem"
249
249
  >Azure</button>
250
250
  </li>
251
251
  <li role="none">
252
252
  <button
253
- class="pf-v5-c-context-selector__menu-list-item"
253
+ class="pf-v6-c-context-selector__menu-list-item"
254
254
  type="button"
255
255
  role="menuitem"
256
256
  >My project</button>
257
257
  </li>
258
258
  <li role="none">
259
259
  <button
260
- class="pf-v5-c-context-selector__menu-list-item"
260
+ class="pf-v6-c-context-selector__menu-list-item"
261
261
  type="button"
262
262
  role="menuitem"
263
263
  >OpenShift cluster</button>
264
264
  </li>
265
265
  <li role="none">
266
266
  <button
267
- class="pf-v5-c-context-selector__menu-list-item"
267
+ class="pf-v6-c-context-selector__menu-list-item"
268
268
  type="button"
269
269
  role="menuitem"
270
270
  >Production Ansible</button>
271
271
  </li>
272
272
  <li role="none">
273
273
  <button
274
- class="pf-v5-c-context-selector__menu-list-item"
274
+ class="pf-v6-c-context-selector__menu-list-item"
275
275
  type="button"
276
276
  role="menuitem"
277
277
  >AWS</button>
278
278
  </li>
279
279
  <li role="none">
280
280
  <button
281
- class="pf-v5-c-context-selector__menu-list-item"
281
+ class="pf-v6-c-context-selector__menu-list-item"
282
282
  type="button"
283
283
  role="menuitem"
284
284
  >Azure</button>
@@ -292,32 +292,32 @@ deprecated: true
292
292
  ### Plain with text
293
293
 
294
294
  ```html
295
- <div class="pf-v5-c-context-selector">
295
+ <div class="pf-v6-c-context-selector">
296
296
  <span
297
297
  id="context-selector-plain-with-text-collapsed-example-label"
298
298
  hidden
299
299
  >Selected project:</span>
300
300
  <button
301
- class="pf-v5-c-context-selector__toggle pf-m-text pf-m-plain"
301
+ class="pf-v6-c-context-selector__toggle pf-m-text pf-m-plain"
302
302
  aria-expanded="false"
303
303
  id="context-selector-plain-with-text-collapsed-example-toggle"
304
304
  aria-labelledby="context-selector-plain-with-text-collapsed-example-label context-selector-plain-with-text-collapsed-example-toggle"
305
305
  >
306
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
307
- <span class="pf-v5-c-context-selector__toggle-icon">
306
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
307
+ <span class="pf-v6-c-context-selector__toggle-icon">
308
308
  <i class="fas fa-caret-down" aria-hidden="true"></i>
309
309
  </span>
310
310
  </button>
311
- <div class="pf-v5-c-context-selector__menu" hidden>
312
- <div class="pf-v5-c-context-selector__menu-search">
313
- <div class="pf-v5-c-text-input-group">
314
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
315
- <span class="pf-v5-c-text-input-group__text">
316
- <span class="pf-v5-c-text-input-group__icon">
311
+ <div class="pf-v6-c-context-selector__menu" hidden>
312
+ <div class="pf-v6-c-context-selector__menu-search">
313
+ <div class="pf-v6-c-text-input-group">
314
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
315
+ <span class="pf-v6-c-text-input-group__text">
316
+ <span class="pf-v6-c-text-input-group__icon">
317
317
  <i class="fas fa-fw fa-search"></i>
318
318
  </span>
319
319
  <input
320
- class="pf-v5-c-text-input-group__text-input"
320
+ class="pf-v6-c-text-input-group__text-input"
321
321
  type="text"
322
322
  placeholder="Search"
323
323
  value
@@ -327,24 +327,24 @@ deprecated: true
327
327
  </div>
328
328
  </div>
329
329
  </div>
330
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
330
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
331
331
  <li role="none">
332
332
  <a
333
- class="pf-v5-c-context-selector__menu-list-item"
333
+ class="pf-v6-c-context-selector__menu-list-item"
334
334
  href="#"
335
335
  role="menuitem"
336
336
  >Link</a>
337
337
  </li>
338
338
  <li role="none">
339
339
  <button
340
- class="pf-v5-c-context-selector__menu-list-item"
340
+ class="pf-v6-c-context-selector__menu-list-item"
341
341
  type="button"
342
342
  role="menuitem"
343
343
  >Action</button>
344
344
  </li>
345
345
  <li role="none">
346
346
  <a
347
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
347
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
348
348
  href="#"
349
349
  aria-disabled="true"
350
350
  tabindex="-1"
@@ -353,7 +353,7 @@ deprecated: true
353
353
  </li>
354
354
  <li role="none">
355
355
  <button
356
- class="pf-v5-c-context-selector__menu-list-item"
356
+ class="pf-v6-c-context-selector__menu-list-item"
357
357
  type="button"
358
358
  disabled
359
359
  role="menuitem"
@@ -361,70 +361,70 @@ deprecated: true
361
361
  </li>
362
362
  <li role="none">
363
363
  <button
364
- class="pf-v5-c-context-selector__menu-list-item"
364
+ class="pf-v6-c-context-selector__menu-list-item"
365
365
  type="button"
366
366
  role="menuitem"
367
367
  >My project</button>
368
368
  </li>
369
369
  <li role="none">
370
370
  <button
371
- class="pf-v5-c-context-selector__menu-list-item"
371
+ class="pf-v6-c-context-selector__menu-list-item"
372
372
  type="button"
373
373
  role="menuitem"
374
374
  >OpenShift cluster</button>
375
375
  </li>
376
376
  <li role="none">
377
377
  <button
378
- class="pf-v5-c-context-selector__menu-list-item"
378
+ class="pf-v6-c-context-selector__menu-list-item"
379
379
  type="button"
380
380
  role="menuitem"
381
381
  >Production Ansible</button>
382
382
  </li>
383
383
  <li role="none">
384
384
  <button
385
- class="pf-v5-c-context-selector__menu-list-item"
385
+ class="pf-v6-c-context-selector__menu-list-item"
386
386
  type="button"
387
387
  role="menuitem"
388
388
  >AWS</button>
389
389
  </li>
390
390
  <li role="none">
391
391
  <button
392
- class="pf-v5-c-context-selector__menu-list-item"
392
+ class="pf-v6-c-context-selector__menu-list-item"
393
393
  type="button"
394
394
  role="menuitem"
395
395
  >Azure</button>
396
396
  </li>
397
397
  <li role="none">
398
398
  <button
399
- class="pf-v5-c-context-selector__menu-list-item"
399
+ class="pf-v6-c-context-selector__menu-list-item"
400
400
  type="button"
401
401
  role="menuitem"
402
402
  >My project</button>
403
403
  </li>
404
404
  <li role="none">
405
405
  <button
406
- class="pf-v5-c-context-selector__menu-list-item"
406
+ class="pf-v6-c-context-selector__menu-list-item"
407
407
  type="button"
408
408
  role="menuitem"
409
409
  >OpenShift cluster</button>
410
410
  </li>
411
411
  <li role="none">
412
412
  <button
413
- class="pf-v5-c-context-selector__menu-list-item"
413
+ class="pf-v6-c-context-selector__menu-list-item"
414
414
  type="button"
415
415
  role="menuitem"
416
416
  >Production Ansible</button>
417
417
  </li>
418
418
  <li role="none">
419
419
  <button
420
- class="pf-v5-c-context-selector__menu-list-item"
420
+ class="pf-v6-c-context-selector__menu-list-item"
421
421
  type="button"
422
422
  role="menuitem"
423
423
  >AWS</button>
424
424
  </li>
425
425
  <li role="none">
426
426
  <button
427
- class="pf-v5-c-context-selector__menu-list-item"
427
+ class="pf-v6-c-context-selector__menu-list-item"
428
428
  type="button"
429
429
  role="menuitem"
430
430
  >Azure</button>
@@ -433,32 +433,32 @@ deprecated: true
433
433
  </div>
434
434
  </div>
435
435
 
436
- <div class="pf-v5-c-context-selector pf-m-expanded">
436
+ <div class="pf-v6-c-context-selector pf-m-expanded">
437
437
  <span
438
438
  id="context-selector-plain-with-text-expanded-example-label"
439
439
  hidden
440
440
  >Selected Project:</span>
441
441
  <button
442
- class="pf-v5-c-context-selector__toggle pf-m-text pf-m-plain"
442
+ class="pf-v6-c-context-selector__toggle pf-m-text pf-m-plain"
443
443
  aria-expanded="true"
444
444
  id="context-selector-plain-with-text-expanded-example-toggle"
445
445
  aria-labelledby="context-selector-plain-with-text-expanded-example-label context-selector-plain-with-text-expanded-example-toggle"
446
446
  >
447
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
448
- <span class="pf-v5-c-context-selector__toggle-icon">
447
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
448
+ <span class="pf-v6-c-context-selector__toggle-icon">
449
449
  <i class="fas fa-caret-down" aria-hidden="true"></i>
450
450
  </span>
451
451
  </button>
452
- <div class="pf-v5-c-context-selector__menu">
453
- <div class="pf-v5-c-context-selector__menu-search">
454
- <div class="pf-v5-c-text-input-group">
455
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
456
- <span class="pf-v5-c-text-input-group__text">
457
- <span class="pf-v5-c-text-input-group__icon">
452
+ <div class="pf-v6-c-context-selector__menu">
453
+ <div class="pf-v6-c-context-selector__menu-search">
454
+ <div class="pf-v6-c-text-input-group">
455
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
456
+ <span class="pf-v6-c-text-input-group__text">
457
+ <span class="pf-v6-c-text-input-group__icon">
458
458
  <i class="fas fa-fw fa-search"></i>
459
459
  </span>
460
460
  <input
461
- class="pf-v5-c-text-input-group__text-input"
461
+ class="pf-v6-c-text-input-group__text-input"
462
462
  type="text"
463
463
  placeholder="Search"
464
464
  value
@@ -468,24 +468,24 @@ deprecated: true
468
468
  </div>
469
469
  </div>
470
470
  </div>
471
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
471
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
472
472
  <li role="none">
473
473
  <a
474
- class="pf-v5-c-context-selector__menu-list-item"
474
+ class="pf-v6-c-context-selector__menu-list-item"
475
475
  href="#"
476
476
  role="menuitem"
477
477
  >Link</a>
478
478
  </li>
479
479
  <li role="none">
480
480
  <button
481
- class="pf-v5-c-context-selector__menu-list-item"
481
+ class="pf-v6-c-context-selector__menu-list-item"
482
482
  type="button"
483
483
  role="menuitem"
484
484
  >Action</button>
485
485
  </li>
486
486
  <li role="none">
487
487
  <a
488
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
488
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
489
489
  href="#"
490
490
  aria-disabled="true"
491
491
  tabindex="-1"
@@ -494,7 +494,7 @@ deprecated: true
494
494
  </li>
495
495
  <li role="none">
496
496
  <button
497
- class="pf-v5-c-context-selector__menu-list-item"
497
+ class="pf-v6-c-context-selector__menu-list-item"
498
498
  type="button"
499
499
  disabled
500
500
  role="menuitem"
@@ -502,70 +502,70 @@ deprecated: true
502
502
  </li>
503
503
  <li role="none">
504
504
  <button
505
- class="pf-v5-c-context-selector__menu-list-item"
505
+ class="pf-v6-c-context-selector__menu-list-item"
506
506
  type="button"
507
507
  role="menuitem"
508
508
  >My project</button>
509
509
  </li>
510
510
  <li role="none">
511
511
  <button
512
- class="pf-v5-c-context-selector__menu-list-item"
512
+ class="pf-v6-c-context-selector__menu-list-item"
513
513
  type="button"
514
514
  role="menuitem"
515
515
  >OpenShift cluster</button>
516
516
  </li>
517
517
  <li role="none">
518
518
  <button
519
- class="pf-v5-c-context-selector__menu-list-item"
519
+ class="pf-v6-c-context-selector__menu-list-item"
520
520
  type="button"
521
521
  role="menuitem"
522
522
  >Production Ansible</button>
523
523
  </li>
524
524
  <li role="none">
525
525
  <button
526
- class="pf-v5-c-context-selector__menu-list-item"
526
+ class="pf-v6-c-context-selector__menu-list-item"
527
527
  type="button"
528
528
  role="menuitem"
529
529
  >AWS</button>
530
530
  </li>
531
531
  <li role="none">
532
532
  <button
533
- class="pf-v5-c-context-selector__menu-list-item"
533
+ class="pf-v6-c-context-selector__menu-list-item"
534
534
  type="button"
535
535
  role="menuitem"
536
536
  >Azure</button>
537
537
  </li>
538
538
  <li role="none">
539
539
  <button
540
- class="pf-v5-c-context-selector__menu-list-item"
540
+ class="pf-v6-c-context-selector__menu-list-item"
541
541
  type="button"
542
542
  role="menuitem"
543
543
  >My project</button>
544
544
  </li>
545
545
  <li role="none">
546
546
  <button
547
- class="pf-v5-c-context-selector__menu-list-item"
547
+ class="pf-v6-c-context-selector__menu-list-item"
548
548
  type="button"
549
549
  role="menuitem"
550
550
  >OpenShift cluster</button>
551
551
  </li>
552
552
  <li role="none">
553
553
  <button
554
- class="pf-v5-c-context-selector__menu-list-item"
554
+ class="pf-v6-c-context-selector__menu-list-item"
555
555
  type="button"
556
556
  role="menuitem"
557
557
  >Production Ansible</button>
558
558
  </li>
559
559
  <li role="none">
560
560
  <button
561
- class="pf-v5-c-context-selector__menu-list-item"
561
+ class="pf-v6-c-context-selector__menu-list-item"
562
562
  type="button"
563
563
  role="menuitem"
564
564
  >AWS</button>
565
565
  </li>
566
566
  <li role="none">
567
567
  <button
568
- class="pf-v5-c-context-selector__menu-list-item"
568
+ class="pf-v6-c-context-selector__menu-list-item"
569
569
  type="button"
570
570
  role="menuitem"
571
571
  >Azure</button>
@@ -579,29 +579,29 @@ deprecated: true
579
579
  ### With footer
580
580
 
581
581
  ```html
582
- <div class="pf-v5-c-context-selector pf-m-expanded">
582
+ <div class="pf-v6-c-context-selector pf-m-expanded">
583
583
  <span id="context-selector-with-footer-example-label" hidden>Selected Project:</span>
584
584
  <button
585
- class="pf-v5-c-context-selector__toggle"
585
+ class="pf-v6-c-context-selector__toggle"
586
586
  aria-expanded="true"
587
587
  id="context-selector-with-footer-example-toggle"
588
588
  aria-labelledby="context-selector-with-footer-example-label context-selector-with-footer-example-toggle"
589
589
  >
590
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
591
- <span class="pf-v5-c-context-selector__toggle-icon">
590
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
591
+ <span class="pf-v6-c-context-selector__toggle-icon">
592
592
  <i class="fas fa-caret-down" aria-hidden="true"></i>
593
593
  </span>
594
594
  </button>
595
- <div class="pf-v5-c-context-selector__menu">
596
- <div class="pf-v5-c-context-selector__menu-search">
597
- <div class="pf-v5-c-text-input-group">
598
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
599
- <span class="pf-v5-c-text-input-group__text">
600
- <span class="pf-v5-c-text-input-group__icon">
595
+ <div class="pf-v6-c-context-selector__menu">
596
+ <div class="pf-v6-c-context-selector__menu-search">
597
+ <div class="pf-v6-c-text-input-group">
598
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
599
+ <span class="pf-v6-c-text-input-group__text">
600
+ <span class="pf-v6-c-text-input-group__icon">
601
601
  <i class="fas fa-fw fa-search"></i>
602
602
  </span>
603
603
  <input
604
- class="pf-v5-c-text-input-group__text-input"
604
+ class="pf-v6-c-text-input-group__text-input"
605
605
  type="text"
606
606
  placeholder="Search"
607
607
  value
@@ -611,24 +611,24 @@ deprecated: true
611
611
  </div>
612
612
  </div>
613
613
  </div>
614
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
614
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
615
615
  <li role="none">
616
616
  <a
617
- class="pf-v5-c-context-selector__menu-list-item"
617
+ class="pf-v6-c-context-selector__menu-list-item"
618
618
  href="#"
619
619
  role="menuitem"
620
620
  >Link</a>
621
621
  </li>
622
622
  <li role="none">
623
623
  <button
624
- class="pf-v5-c-context-selector__menu-list-item"
624
+ class="pf-v6-c-context-selector__menu-list-item"
625
625
  type="button"
626
626
  role="menuitem"
627
627
  >Action</button>
628
628
  </li>
629
629
  <li role="none">
630
630
  <a
631
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
631
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
632
632
  href="#"
633
633
  aria-disabled="true"
634
634
  tabindex="-1"
@@ -637,7 +637,7 @@ deprecated: true
637
637
  </li>
638
638
  <li role="none">
639
639
  <button
640
- class="pf-v5-c-context-selector__menu-list-item"
640
+ class="pf-v6-c-context-selector__menu-list-item"
641
641
  type="button"
642
642
  disabled
643
643
  role="menuitem"
@@ -645,111 +645,111 @@ deprecated: true
645
645
  </li>
646
646
  <li role="none">
647
647
  <button
648
- class="pf-v5-c-context-selector__menu-list-item"
648
+ class="pf-v6-c-context-selector__menu-list-item"
649
649
  type="button"
650
650
  role="menuitem"
651
651
  >My project</button>
652
652
  </li>
653
653
  <li role="none">
654
654
  <button
655
- class="pf-v5-c-context-selector__menu-list-item"
655
+ class="pf-v6-c-context-selector__menu-list-item"
656
656
  type="button"
657
657
  role="menuitem"
658
658
  >OpenShift cluster</button>
659
659
  </li>
660
660
  <li role="none">
661
661
  <button
662
- class="pf-v5-c-context-selector__menu-list-item"
662
+ class="pf-v6-c-context-selector__menu-list-item"
663
663
  type="button"
664
664
  role="menuitem"
665
665
  >Production Ansible</button>
666
666
  </li>
667
667
  <li role="none">
668
668
  <button
669
- class="pf-v5-c-context-selector__menu-list-item"
669
+ class="pf-v6-c-context-selector__menu-list-item"
670
670
  type="button"
671
671
  role="menuitem"
672
672
  >AWS</button>
673
673
  </li>
674
674
  <li role="none">
675
675
  <button
676
- class="pf-v5-c-context-selector__menu-list-item"
676
+ class="pf-v6-c-context-selector__menu-list-item"
677
677
  type="button"
678
678
  role="menuitem"
679
679
  >Azure</button>
680
680
  </li>
681
681
  <li role="none">
682
682
  <button
683
- class="pf-v5-c-context-selector__menu-list-item"
683
+ class="pf-v6-c-context-selector__menu-list-item"
684
684
  type="button"
685
685
  role="menuitem"
686
686
  >My project</button>
687
687
  </li>
688
688
  <li role="none">
689
689
  <button
690
- class="pf-v5-c-context-selector__menu-list-item"
690
+ class="pf-v6-c-context-selector__menu-list-item"
691
691
  type="button"
692
692
  role="menuitem"
693
693
  >OpenShift cluster</button>
694
694
  </li>
695
695
  <li role="none">
696
696
  <button
697
- class="pf-v5-c-context-selector__menu-list-item"
697
+ class="pf-v6-c-context-selector__menu-list-item"
698
698
  type="button"
699
699
  role="menuitem"
700
700
  >Production Ansible</button>
701
701
  </li>
702
702
  <li role="none">
703
703
  <button
704
- class="pf-v5-c-context-selector__menu-list-item"
704
+ class="pf-v6-c-context-selector__menu-list-item"
705
705
  type="button"
706
706
  role="menuitem"
707
707
  >AWS</button>
708
708
  </li>
709
709
  <li role="none">
710
710
  <button
711
- class="pf-v5-c-context-selector__menu-list-item"
711
+ class="pf-v6-c-context-selector__menu-list-item"
712
712
  type="button"
713
713
  role="menuitem"
714
714
  >Azure</button>
715
715
  </li>
716
716
  </ul>
717
717
 
718
- <div class="pf-v5-c-context-selector__menu-footer">
718
+ <div class="pf-v6-c-context-selector__menu-footer">
719
719
  <button
720
- class="pf-v5-c-button pf-m-secondary"
720
+ class="pf-v6-c-button pf-m-secondary"
721
721
  type="button"
722
722
  >Manage projects</button>
723
723
  </div>
724
724
  </div>
725
725
  </div>
726
726
 
727
- <div class="pf-v5-c-context-selector pf-m-expanded">
727
+ <div class="pf-v6-c-context-selector pf-m-expanded">
728
728
  <span
729
729
  id="context-selector-with-footer-example-two-label"
730
730
  hidden
731
731
  >Selected Project:</span>
732
732
  <button
733
- class="pf-v5-c-context-selector__toggle"
733
+ class="pf-v6-c-context-selector__toggle"
734
734
  aria-expanded="true"
735
735
  id="context-selector-with-footer-example-two-toggle"
736
736
  aria-labelledby="context-selector-with-footer-example-two-label context-selector-with-footer-example-two-toggle"
737
737
  >
738
- <span class="pf-v5-c-context-selector__toggle-text">My project</span>
739
- <span class="pf-v5-c-context-selector__toggle-icon">
738
+ <span class="pf-v6-c-context-selector__toggle-text">My project</span>
739
+ <span class="pf-v6-c-context-selector__toggle-icon">
740
740
  <i class="fas fa-caret-down" aria-hidden="true"></i>
741
741
  </span>
742
742
  </button>
743
- <div class="pf-v5-c-context-selector__menu">
744
- <div class="pf-v5-c-context-selector__menu-search">
745
- <div class="pf-v5-c-text-input-group">
746
- <div class="pf-v5-c-text-input-group__main pf-m-icon">
747
- <span class="pf-v5-c-text-input-group__text">
748
- <span class="pf-v5-c-text-input-group__icon">
743
+ <div class="pf-v6-c-context-selector__menu">
744
+ <div class="pf-v6-c-context-selector__menu-search">
745
+ <div class="pf-v6-c-text-input-group">
746
+ <div class="pf-v6-c-text-input-group__main pf-m-icon">
747
+ <span class="pf-v6-c-text-input-group__text">
748
+ <span class="pf-v6-c-text-input-group__icon">
749
749
  <i class="fas fa-fw fa-search"></i>
750
750
  </span>
751
751
  <input
752
- class="pf-v5-c-text-input-group__text-input"
752
+ class="pf-v6-c-text-input-group__text-input"
753
753
  type="text"
754
754
  placeholder="Search"
755
755
  value
@@ -759,24 +759,24 @@ deprecated: true
759
759
  </div>
760
760
  </div>
761
761
  </div>
762
- <ul class="pf-v5-c-context-selector__menu-list" role="menu">
762
+ <ul class="pf-v6-c-context-selector__menu-list" role="menu">
763
763
  <li role="none">
764
764
  <a
765
- class="pf-v5-c-context-selector__menu-list-item"
765
+ class="pf-v6-c-context-selector__menu-list-item"
766
766
  href="#"
767
767
  role="menuitem"
768
768
  >Link</a>
769
769
  </li>
770
770
  <li role="none">
771
771
  <button
772
- class="pf-v5-c-context-selector__menu-list-item"
772
+ class="pf-v6-c-context-selector__menu-list-item"
773
773
  type="button"
774
774
  role="menuitem"
775
775
  >Action</button>
776
776
  </li>
777
777
  <li role="none">
778
778
  <a
779
- class="pf-v5-c-context-selector__menu-list-item pf-m-disabled"
779
+ class="pf-v6-c-context-selector__menu-list-item pf-m-disabled"
780
780
  href="#"
781
781
  aria-disabled="true"
782
782
  tabindex="-1"
@@ -785,7 +785,7 @@ deprecated: true
785
785
  </li>
786
786
  <li role="none">
787
787
  <button
788
- class="pf-v5-c-context-selector__menu-list-item"
788
+ class="pf-v6-c-context-selector__menu-list-item"
789
789
  type="button"
790
790
  disabled
791
791
  role="menuitem"
@@ -793,79 +793,79 @@ deprecated: true
793
793
  </li>
794
794
  <li role="none">
795
795
  <button
796
- class="pf-v5-c-context-selector__menu-list-item"
796
+ class="pf-v6-c-context-selector__menu-list-item"
797
797
  type="button"
798
798
  role="menuitem"
799
799
  >My project</button>
800
800
  </li>
801
801
  <li role="none">
802
802
  <button
803
- class="pf-v5-c-context-selector__menu-list-item"
803
+ class="pf-v6-c-context-selector__menu-list-item"
804
804
  type="button"
805
805
  role="menuitem"
806
806
  >OpenShift cluster</button>
807
807
  </li>
808
808
  <li role="none">
809
809
  <button
810
- class="pf-v5-c-context-selector__menu-list-item"
810
+ class="pf-v6-c-context-selector__menu-list-item"
811
811
  type="button"
812
812
  role="menuitem"
813
813
  >Production Ansible</button>
814
814
  </li>
815
815
  <li role="none">
816
816
  <button
817
- class="pf-v5-c-context-selector__menu-list-item"
817
+ class="pf-v6-c-context-selector__menu-list-item"
818
818
  type="button"
819
819
  role="menuitem"
820
820
  >AWS</button>
821
821
  </li>
822
822
  <li role="none">
823
823
  <button
824
- class="pf-v5-c-context-selector__menu-list-item"
824
+ class="pf-v6-c-context-selector__menu-list-item"
825
825
  type="button"
826
826
  role="menuitem"
827
827
  >Azure</button>
828
828
  </li>
829
829
  <li role="none">
830
830
  <button
831
- class="pf-v5-c-context-selector__menu-list-item"
831
+ class="pf-v6-c-context-selector__menu-list-item"
832
832
  type="button"
833
833
  role="menuitem"
834
834
  >My project</button>
835
835
  </li>
836
836
  <li role="none">
837
837
  <button
838
- class="pf-v5-c-context-selector__menu-list-item"
838
+ class="pf-v6-c-context-selector__menu-list-item"
839
839
  type="button"
840
840
  role="menuitem"
841
841
  >OpenShift cluster</button>
842
842
  </li>
843
843
  <li role="none">
844
844
  <button
845
- class="pf-v5-c-context-selector__menu-list-item"
845
+ class="pf-v6-c-context-selector__menu-list-item"
846
846
  type="button"
847
847
  role="menuitem"
848
848
  >Production Ansible</button>
849
849
  </li>
850
850
  <li role="none">
851
851
  <button
852
- class="pf-v5-c-context-selector__menu-list-item"
852
+ class="pf-v6-c-context-selector__menu-list-item"
853
853
  type="button"
854
854
  role="menuitem"
855
855
  >AWS</button>
856
856
  </li>
857
857
  <li role="none">
858
858
  <button
859
- class="pf-v5-c-context-selector__menu-list-item"
859
+ class="pf-v6-c-context-selector__menu-list-item"
860
860
  type="button"
861
861
  role="menuitem"
862
862
  >Azure</button>
863
863
  </li>
864
864
  </ul>
865
865
 
866
- <div class="pf-v5-c-context-selector__menu-footer">
866
+ <div class="pf-v6-c-context-selector__menu-footer">
867
867
  <button
868
- class="pf-v5-c-button pf-m-link pf-m-inline"
868
+ class="pf-v6-c-button pf-m-link pf-m-inline"
869
869
  type="button"
870
870
  >Manage projects</button>
871
871
  </div>