@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/Popover/examples/Popover.md CHANGED
@@ -10,33 +10,33 @@ cssPrefix: pf-v5-c-popover
10
10
 
11
11
  ```html isFullscreen
12
12
  <div
13
- class="pf-v5-c-popover pf-m-top"
13
+ class="pf-v6-c-popover pf-m-top"
14
14
  role="dialog"
15
15
  aria-modal="true"
16
16
  aria-labelledby="popover-top-header"
17
17
  aria-describedby="popover-top-body"
18
18
  >
19
- <div class="pf-v5-c-popover__arrow"></div>
20
- <div class="pf-v5-c-popover__content">
21
- <div class="pf-v5-c-popover__close">
19
+ <div class="pf-v6-c-popover__arrow"></div>
20
+ <div class="pf-v6-c-popover__content">
21
+ <div class="pf-v6-c-popover__close">
22
22
  <button
23
- class="pf-v5-c-button pf-m-plain"
23
+ class="pf-v6-c-button pf-m-plain"
24
24
  type="button"
25
25
  aria-label="Close"
26
26
  >
27
27
  <i class="fas fa-times" aria-hidden="true"></i>
28
28
  </button>
29
29
  </div>
30
- <header class="pf-v5-c-popover__header">
31
- <div class="pf-v5-c-popover__title" id="popover-top-header">
32
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
30
+ <header class="pf-v6-c-popover__header">
31
+ <div class="pf-v6-c-popover__title" id="popover-top-header">
32
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
33
33
  </div>
34
34
  </header>
35
35
  <div
36
- class="pf-v5-c-popover__body"
36
+ class="pf-v6-c-popover__body"
37
37
  id="popover-top-body"
38
38
  >Popovers are triggered by click rather than hover. Click again to close.</div>
39
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
39
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
40
40
  </div>
41
41
  </div>
42
42
 
@@ -46,33 +46,33 @@ cssPrefix: pf-v5-c-popover
46
46
 
47
47
  ```html isFullscreen
48
48
  <div
49
- class="pf-v5-c-popover pf-m-right"
49
+ class="pf-v6-c-popover pf-m-right"
50
50
  role="dialog"
51
51
  aria-modal="true"
52
52
  aria-labelledby="popover-right-header"
53
53
  aria-describedby="popover-right-body"
54
54
  >
55
- <div class="pf-v5-c-popover__arrow"></div>
56
- <div class="pf-v5-c-popover__content">
57
- <div class="pf-v5-c-popover__close">
55
+ <div class="pf-v6-c-popover__arrow"></div>
56
+ <div class="pf-v6-c-popover__content">
57
+ <div class="pf-v6-c-popover__close">
58
58
  <button
59
- class="pf-v5-c-button pf-m-plain"
59
+ class="pf-v6-c-button pf-m-plain"
60
60
  type="button"
61
61
  aria-label="Close"
62
62
  >
63
63
  <i class="fas fa-times" aria-hidden="true"></i>
64
64
  </button>
65
65
  </div>
66
- <header class="pf-v5-c-popover__header">
67
- <div class="pf-v5-c-popover__title" id="popover-right-header">
68
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
66
+ <header class="pf-v6-c-popover__header">
67
+ <div class="pf-v6-c-popover__title" id="popover-right-header">
68
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
69
69
  </div>
70
70
  </header>
71
71
  <div
72
- class="pf-v5-c-popover__body"
72
+ class="pf-v6-c-popover__body"
73
73
  id="popover-right-body"
74
74
  >Popovers are triggered by click rather than hover. Click again to close.</div>
75
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
75
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
76
76
  </div>
77
77
  </div>
78
78
 
@@ -82,33 +82,33 @@ cssPrefix: pf-v5-c-popover
82
82
 
83
83
  ```html isFullscreen
84
84
  <div
85
- class="pf-v5-c-popover pf-m-bottom"
85
+ class="pf-v6-c-popover pf-m-bottom"
86
86
  role="dialog"
87
87
  aria-modal="true"
88
88
  aria-labelledby="popover-bottom-header"
89
89
  aria-describedby="popover-bottom-body"
90
90
  >
91
- <div class="pf-v5-c-popover__arrow"></div>
92
- <div class="pf-v5-c-popover__content">
93
- <div class="pf-v5-c-popover__close">
91
+ <div class="pf-v6-c-popover__arrow"></div>
92
+ <div class="pf-v6-c-popover__content">
93
+ <div class="pf-v6-c-popover__close">
94
94
  <button
95
- class="pf-v5-c-button pf-m-plain"
95
+ class="pf-v6-c-button pf-m-plain"
96
96
  type="button"
97
97
  aria-label="Close"
98
98
  >
99
99
  <i class="fas fa-times" aria-hidden="true"></i>
100
100
  </button>
101
101
  </div>
102
- <header class="pf-v5-c-popover__header">
103
- <div class="pf-v5-c-popover__title" id="popover-bottom-header">
104
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
102
+ <header class="pf-v6-c-popover__header">
103
+ <div class="pf-v6-c-popover__title" id="popover-bottom-header">
104
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
105
105
  </div>
106
106
  </header>
107
107
  <div
108
- class="pf-v5-c-popover__body"
108
+ class="pf-v6-c-popover__body"
109
109
  id="popover-bottom-body"
110
110
  >Popovers are triggered by click rather than hover. Click again to close.</div>
111
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
111
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
112
112
  </div>
113
113
  </div>
114
114
 
@@ -118,33 +118,33 @@ cssPrefix: pf-v5-c-popover
118
118
 
119
119
  ```html isFullscreen
120
120
  <div
121
- class="pf-v5-c-popover pf-m-left"
121
+ class="pf-v6-c-popover pf-m-left"
122
122
  role="dialog"
123
123
  aria-modal="true"
124
124
  aria-labelledby="popover-left-header"
125
125
  aria-describedby="popover-left-body"
126
126
  >
127
- <div class="pf-v5-c-popover__arrow"></div>
128
- <div class="pf-v5-c-popover__content">
129
- <div class="pf-v5-c-popover__close">
127
+ <div class="pf-v6-c-popover__arrow"></div>
128
+ <div class="pf-v6-c-popover__content">
129
+ <div class="pf-v6-c-popover__close">
130
130
  <button
131
- class="pf-v5-c-button pf-m-plain"
131
+ class="pf-v6-c-button pf-m-plain"
132
132
  type="button"
133
133
  aria-label="Close"
134
134
  >
135
135
  <i class="fas fa-times" aria-hidden="true"></i>
136
136
  </button>
137
137
  </div>
138
- <header class="pf-v5-c-popover__header">
139
- <div class="pf-v5-c-popover__title" id="popover-left-header">
140
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
138
+ <header class="pf-v6-c-popover__header">
139
+ <div class="pf-v6-c-popover__title" id="popover-left-header">
140
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
141
141
  </div>
142
142
  </header>
143
143
  <div
144
- class="pf-v5-c-popover__body"
144
+ class="pf-v6-c-popover__body"
145
145
  id="popover-left-body"
146
146
  >Popovers are triggered by click rather than hover. Click again to close.</div>
147
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
147
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
148
148
  </div>
149
149
  </div>
150
150
 
@@ -154,33 +154,33 @@ cssPrefix: pf-v5-c-popover
154
154
 
155
155
  ```html isFullscreen
156
156
  <div
157
- class="pf-v5-c-popover pf-m-left-top"
157
+ class="pf-v6-c-popover pf-m-left-top"
158
158
  role="dialog"
159
159
  aria-modal="true"
160
160
  aria-labelledby="popover-left-start-header"
161
161
  aria-describedby="popover-left-start-body"
162
162
  >
163
- <div class="pf-v5-c-popover__arrow"></div>
164
- <div class="pf-v5-c-popover__content">
165
- <div class="pf-v5-c-popover__close">
163
+ <div class="pf-v6-c-popover__arrow"></div>
164
+ <div class="pf-v6-c-popover__content">
165
+ <div class="pf-v6-c-popover__close">
166
166
  <button
167
- class="pf-v5-c-button pf-m-plain"
167
+ class="pf-v6-c-button pf-m-plain"
168
168
  type="button"
169
169
  aria-label="Close"
170
170
  >
171
171
  <i class="fas fa-times" aria-hidden="true"></i>
172
172
  </button>
173
173
  </div>
174
- <header class="pf-v5-c-popover__header">
175
- <div class="pf-v5-c-popover__title" id="popover-left-start-header">
176
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
174
+ <header class="pf-v6-c-popover__header">
175
+ <div class="pf-v6-c-popover__title" id="popover-left-start-header">
176
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
177
177
  </div>
178
178
  </header>
179
179
  <div
180
- class="pf-v5-c-popover__body"
180
+ class="pf-v6-c-popover__body"
181
181
  id="popover-left-start-body"
182
182
  >This popover is to the left and at the start position</div>
183
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
183
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
184
184
  </div>
185
185
  </div>
186
186
 
@@ -190,33 +190,33 @@ cssPrefix: pf-v5-c-popover
190
190
 
191
191
  ```html isFullscreen
192
192
  <div
193
- class="pf-v5-c-popover pf-m-left-bottom"
193
+ class="pf-v6-c-popover pf-m-left-bottom"
194
194
  role="dialog"
195
195
  aria-modal="true"
196
196
  aria-labelledby="popover-left-end-header"
197
197
  aria-describedby="popover-left-end-body"
198
198
  >
199
- <div class="pf-v5-c-popover__arrow"></div>
200
- <div class="pf-v5-c-popover__content">
201
- <div class="pf-v5-c-popover__close">
199
+ <div class="pf-v6-c-popover__arrow"></div>
200
+ <div class="pf-v6-c-popover__content">
201
+ <div class="pf-v6-c-popover__close">
202
202
  <button
203
- class="pf-v5-c-button pf-m-plain"
203
+ class="pf-v6-c-button pf-m-plain"
204
204
  type="button"
205
205
  aria-label="Close"
206
206
  >
207
207
  <i class="fas fa-times" aria-hidden="true"></i>
208
208
  </button>
209
209
  </div>
210
- <header class="pf-v5-c-popover__header">
211
- <div class="pf-v5-c-popover__title" id="popover-left-end-header">
212
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
210
+ <header class="pf-v6-c-popover__header">
211
+ <div class="pf-v6-c-popover__title" id="popover-left-end-header">
212
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
213
213
  </div>
214
214
  </header>
215
215
  <div
216
- class="pf-v5-c-popover__body"
216
+ class="pf-v6-c-popover__body"
217
217
  id="popover-left-end-body"
218
218
  >This popover is to the left and at the end position</div>
219
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
219
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
220
220
  </div>
221
221
  </div>
222
222
 
@@ -226,33 +226,33 @@ cssPrefix: pf-v5-c-popover
226
226
 
227
227
  ```html isFullscreen
228
228
  <div
229
- class="pf-v5-c-popover pf-m-bottom-left"
229
+ class="pf-v6-c-popover pf-m-bottom-left"
230
230
  role="dialog"
231
231
  aria-modal="true"
232
232
  aria-labelledby="popover-bottom-start-header"
233
233
  aria-describedby="popover-bottom-start-body"
234
234
  >
235
- <div class="pf-v5-c-popover__arrow"></div>
236
- <div class="pf-v5-c-popover__content">
237
- <div class="pf-v5-c-popover__close">
235
+ <div class="pf-v6-c-popover__arrow"></div>
236
+ <div class="pf-v6-c-popover__content">
237
+ <div class="pf-v6-c-popover__close">
238
238
  <button
239
- class="pf-v5-c-button pf-m-plain"
239
+ class="pf-v6-c-button pf-m-plain"
240
240
  type="button"
241
241
  aria-label="Close"
242
242
  >
243
243
  <i class="fas fa-times" aria-hidden="true"></i>
244
244
  </button>
245
245
  </div>
246
- <header class="pf-v5-c-popover__header">
247
- <div class="pf-v5-c-popover__title" id="popover-bottom-start-header">
248
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
246
+ <header class="pf-v6-c-popover__header">
247
+ <div class="pf-v6-c-popover__title" id="popover-bottom-start-header">
248
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
249
249
  </div>
250
250
  </header>
251
251
  <div
252
- class="pf-v5-c-popover__body"
252
+ class="pf-v6-c-popover__body"
253
253
  id="popover-bottom-start-body"
254
254
  >This popover is to the bottom and at the start position</div>
255
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
255
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
256
256
  </div>
257
257
  </div>
258
258
 
@@ -262,33 +262,33 @@ cssPrefix: pf-v5-c-popover
262
262
 
263
263
  ```html isFullscreen
264
264
  <div
265
- class="pf-v5-c-popover pf-m-bottom-right"
265
+ class="pf-v6-c-popover pf-m-bottom-right"
266
266
  role="dialog"
267
267
  aria-modal="true"
268
268
  aria-labelledby="popover-bottom-end-header"
269
269
  aria-describedby="popover-bottom-end-body"
270
270
  >
271
- <div class="pf-v5-c-popover__arrow"></div>
272
- <div class="pf-v5-c-popover__content">
273
- <div class="pf-v5-c-popover__close">
271
+ <div class="pf-v6-c-popover__arrow"></div>
272
+ <div class="pf-v6-c-popover__content">
273
+ <div class="pf-v6-c-popover__close">
274
274
  <button
275
- class="pf-v5-c-button pf-m-plain"
275
+ class="pf-v6-c-button pf-m-plain"
276
276
  type="button"
277
277
  aria-label="Close"
278
278
  >
279
279
  <i class="fas fa-times" aria-hidden="true"></i>
280
280
  </button>
281
281
  </div>
282
- <header class="pf-v5-c-popover__header">
283
- <div class="pf-v5-c-popover__title" id="popover-bottom-end-header">
284
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
282
+ <header class="pf-v6-c-popover__header">
283
+ <div class="pf-v6-c-popover__title" id="popover-bottom-end-header">
284
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
285
285
  </div>
286
286
  </header>
287
287
  <div
288
- class="pf-v5-c-popover__body"
288
+ class="pf-v6-c-popover__body"
289
289
  id="popover-bottom-end-body"
290
290
  >This popover is to the bottom and at the end position</div>
291
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
291
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
292
292
  </div>
293
293
  </div>
294
294
 
@@ -298,17 +298,17 @@ cssPrefix: pf-v5-c-popover
298
298
 
299
299
  ```html isFullscreen
300
300
  <div
301
- class="pf-v5-c-popover pf-m-right"
301
+ class="pf-v6-c-popover pf-m-right"
302
302
  role="dialog"
303
303
  aria-modal="true"
304
304
  aria-label="Popover with no header example"
305
305
  aria-describedby="popover-no-header-body"
306
306
  >
307
- <div class="pf-v5-c-popover__arrow"></div>
308
- <div class="pf-v5-c-popover__content">
309
- <div class="pf-v5-c-popover__close">
307
+ <div class="pf-v6-c-popover__arrow"></div>
308
+ <div class="pf-v6-c-popover__content">
309
+ <div class="pf-v6-c-popover__close">
310
310
  <button
311
- class="pf-v5-c-button pf-m-plain"
311
+ class="pf-v6-c-button pf-m-plain"
312
312
  type="button"
313
313
  aria-label="Close"
314
314
  >
@@ -316,7 +316,7 @@ cssPrefix: pf-v5-c-popover
316
316
  </button>
317
317
  </div>
318
318
  <div
319
- class="pf-v5-c-popover__body"
319
+ class="pf-v6-c-popover__body"
320
320
  id="popover-no-header-body"
321
321
  >Popovers are triggered by click rather than hover. Click again to close.</div>
322
322
  </div>
@@ -328,16 +328,16 @@ cssPrefix: pf-v5-c-popover
328
328
 
329
329
  ```html isFullscreen
330
330
  <div
331
- class="pf-v5-c-popover pf-m-right pf-m-no-padding"
331
+ class="pf-v6-c-popover pf-m-right pf-m-no-padding"
332
332
  role="dialog"
333
333
  aria-modal="true"
334
334
  aria-label="Popover with no padding example"
335
335
  aria-describedby="popover-no-padding-body"
336
336
  >
337
- <div class="pf-v5-c-popover__arrow"></div>
338
- <div class="pf-v5-c-popover__content">
337
+ <div class="pf-v6-c-popover__arrow"></div>
338
+ <div class="pf-v6-c-popover__content">
339
339
  <div
340
- class="pf-v5-c-popover__body"
340
+ class="pf-v6-c-popover__body"
341
341
  id="popover-no-padding-body"
342
342
  >This popover has no padding itself. Instead it is intended for use with content that has its own padding that prevents it from touching the popover container's edges.</div>
343
343
  </div>
@@ -349,33 +349,33 @@ cssPrefix: pf-v5-c-popover
349
349
 
350
350
  ```html isFullscreen
351
351
  <div
352
- class="pf-v5-c-popover pf-m-right pf-m-width-auto"
352
+ class="pf-v6-c-popover pf-m-right pf-m-width-auto"
353
353
  role="dialog"
354
354
  aria-modal="true"
355
355
  aria-labelledby="popover-width-auto-header"
356
356
  aria-describedby="popover-width-auto-body"
357
357
  >
358
- <div class="pf-v5-c-popover__arrow"></div>
359
- <div class="pf-v5-c-popover__content">
360
- <div class="pf-v5-c-popover__close">
358
+ <div class="pf-v6-c-popover__arrow"></div>
359
+ <div class="pf-v6-c-popover__content">
360
+ <div class="pf-v6-c-popover__close">
361
361
  <button
362
- class="pf-v5-c-button pf-m-plain"
362
+ class="pf-v6-c-button pf-m-plain"
363
363
  type="button"
364
364
  aria-label="Close"
365
365
  >
366
366
  <i class="fas fa-times" aria-hidden="true"></i>
367
367
  </button>
368
368
  </div>
369
- <header class="pf-v5-c-popover__header">
370
- <div class="pf-v5-c-popover__title" id="popover-width-auto-header">
371
- <h1 class="pf-v5-c-popover__title-text">Popover header</h1>
369
+ <header class="pf-v6-c-popover__header">
370
+ <div class="pf-v6-c-popover__title" id="popover-width-auto-header">
371
+ <h1 class="pf-v6-c-popover__title-text">Popover header</h1>
372
372
  </div>
373
373
  </header>
374
374
  <div
375
- class="pf-v5-c-popover__body"
375
+ class="pf-v6-c-popover__body"
376
376
  id="popover-width-auto-body"
377
377
  >Popovers body</div>
378
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
378
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
379
379
  </div>
380
380
  </div>
381
381
 
@@ -385,36 +385,36 @@ cssPrefix: pf-v5-c-popover
385
385
 
386
386
  ```html isFullscreen
387
387
  <div
388
- class="pf-v5-c-popover pf-m-left"
388
+ class="pf-v6-c-popover pf-m-left"
389
389
  role="dialog"
390
390
  aria-modal="true"
391
391
  aria-labelledby="popover-icon-title-header"
392
392
  aria-describedby="popover-icon-title-body"
393
393
  >
394
- <div class="pf-v5-c-popover__arrow"></div>
395
- <div class="pf-v5-c-popover__content">
396
- <div class="pf-v5-c-popover__close">
394
+ <div class="pf-v6-c-popover__arrow"></div>
395
+ <div class="pf-v6-c-popover__content">
396
+ <div class="pf-v6-c-popover__close">
397
397
  <button
398
- class="pf-v5-c-button pf-m-plain"
398
+ class="pf-v6-c-button pf-m-plain"
399
399
  type="button"
400
400
  aria-label="Close"
401
401
  >
402
402
  <i class="fas fa-times" aria-hidden="true"></i>
403
403
  </button>
404
404
  </div>
405
- <header class="pf-v5-c-popover__header">
406
- <div class="pf-v5-c-popover__title" id="popover-icon-title-header">
407
- <span class="pf-v5-c-popover__title-icon">
405
+ <header class="pf-v6-c-popover__header">
406
+ <div class="pf-v6-c-popover__title" id="popover-icon-title-header">
407
+ <span class="pf-v6-c-popover__title-icon">
408
408
  <i class="fas fa-fw fa-bullhorn" aria-hidden="true"></i>
409
409
  </span>
410
- <h1 class="pf-v5-c-popover__title-text">Popover with icon title</h1>
410
+ <h1 class="pf-v6-c-popover__title-text">Popover with icon title</h1>
411
411
  </div>
412
412
  </header>
413
413
  <div
414
- class="pf-v5-c-popover__body"
414
+ class="pf-v6-c-popover__body"
415
415
  id="popover-icon-title-body"
416
416
  >Popovers are triggered by click rather than hover. Click again to close.</div>
417
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
417
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
418
418
  </div>
419
419
  </div>
420
420
 
@@ -424,30 +424,30 @@ cssPrefix: pf-v5-c-popover
424
424
 
425
425
  ```html isFullscreen
426
426
  <div
427
- class="pf-v5-c-popover pf-m-custom pf-m-left"
427
+ class="pf-v6-c-popover pf-m-custom pf-m-left"
428
428
  role="dialog"
429
429
  aria-modal="true"
430
430
  aria-labelledby="popover-custom-alert-header"
431
431
  aria-describedby="popover-custom-alert-body"
432
432
  >
433
- <div class="pf-v5-c-popover__arrow"></div>
434
- <div class="pf-v5-c-popover__content">
435
- <div class="pf-v5-c-popover__close">
433
+ <div class="pf-v6-c-popover__arrow"></div>
434
+ <div class="pf-v6-c-popover__content">
435
+ <div class="pf-v6-c-popover__close">
436
436
  <button
437
- class="pf-v5-c-button pf-m-plain"
437
+ class="pf-v6-c-button pf-m-plain"
438
438
  type="button"
439
439
  aria-label="Close"
440
440
  >
441
441
  <i class="fas fa-times" aria-hidden="true"></i>
442
442
  </button>
443
443
  </div>
444
- <header class="pf-v5-c-popover__header">
445
- <div class="pf-v5-c-popover__title" id="popover-custom-alert-header">
446
- <span class="pf-v5-c-popover__title-icon">
444
+ <header class="pf-v6-c-popover__header">
445
+ <div class="pf-v6-c-popover__title" id="popover-custom-alert-header">
446
+ <span class="pf-v6-c-popover__title-icon">
447
447
  <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
448
448
  </span>
449
- <h1 class="pf-v5-c-popover__title-text">
450
- <span class="pf-v5-screen-reader">
449
+ <h1 class="pf-v6-c-popover__title-text">
450
+ <span class="pf-v6-screen-reader">
451
451
  Custom
452
452
  alert:
453
453
  </span>
@@ -456,10 +456,10 @@ cssPrefix: pf-v5-c-popover
456
456
  </div>
457
457
  </header>
458
458
  <div
459
- class="pf-v5-c-popover__body"
459
+ class="pf-v6-c-popover__body"
460
460
  id="popover-custom-alert-body"
461
461
  >Popovers are triggered by click rather than hover. Click again to close.</div>
462
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
462
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
463
463
  </div>
464
464
  </div>
465
465
 
@@ -469,30 +469,30 @@ cssPrefix: pf-v5-c-popover
469
469
 
470
470
  ```html isFullscreen
471
471
  <div
472
- class="pf-v5-c-popover pf-m-info pf-m-top"
472
+ class="pf-v6-c-popover pf-m-info pf-m-top"
473
473
  role="dialog"
474
474
  aria-modal="true"
475
475
  aria-labelledby="popover-info-alert-header"
476
476
  aria-describedby="popover-info-alert-body"
477
477
  >
478
- <div class="pf-v5-c-popover__arrow"></div>
479
- <div class="pf-v5-c-popover__content">
480
- <div class="pf-v5-c-popover__close">
478
+ <div class="pf-v6-c-popover__arrow"></div>
479
+ <div class="pf-v6-c-popover__content">
480
+ <div class="pf-v6-c-popover__close">
481
481
  <button
482
- class="pf-v5-c-button pf-m-plain"
482
+ class="pf-v6-c-button pf-m-plain"
483
483
  type="button"
484
484
  aria-label="Close"
485
485
  >
486
486
  <i class="fas fa-times" aria-hidden="true"></i>
487
487
  </button>
488
488
  </div>
489
- <header class="pf-v5-c-popover__header">
490
- <div class="pf-v5-c-popover__title" id="popover-info-alert-header">
491
- <span class="pf-v5-c-popover__title-icon">
489
+ <header class="pf-v6-c-popover__header">
490
+ <div class="pf-v6-c-popover__title" id="popover-info-alert-header">
491
+ <span class="pf-v6-c-popover__title-icon">
492
492
  <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
493
493
  </span>
494
- <h1 class="pf-v5-c-popover__title-text">
495
- <span class="pf-v5-screen-reader">
494
+ <h1 class="pf-v6-c-popover__title-text">
495
+ <span class="pf-v6-screen-reader">
496
496
  Info
497
497
  alert:
498
498
  </span>
@@ -501,10 +501,10 @@ cssPrefix: pf-v5-c-popover
501
501
  </div>
502
502
  </header>
503
503
  <div
504
- class="pf-v5-c-popover__body"
504
+ class="pf-v6-c-popover__body"
505
505
  id="popover-info-alert-body"
506
506
  >Popovers are triggered by click rather than hover. Click again to close.</div>
507
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
507
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
508
508
  </div>
509
509
  </div>
510
510
 
@@ -514,30 +514,30 @@ cssPrefix: pf-v5-c-popover
514
514
 
515
515
  ```html isFullscreen
516
516
  <div
517
- class="pf-v5-c-popover pf-m-success pf-m-top"
517
+ class="pf-v6-c-popover pf-m-success pf-m-top"
518
518
  role="dialog"
519
519
  aria-modal="true"
520
520
  aria-labelledby="popover-success-alert-header"
521
521
  aria-describedby="popover-success-alert-body"
522
522
  >
523
- <div class="pf-v5-c-popover__arrow"></div>
524
- <div class="pf-v5-c-popover__content">
525
- <div class="pf-v5-c-popover__close">
523
+ <div class="pf-v6-c-popover__arrow"></div>
524
+ <div class="pf-v6-c-popover__content">
525
+ <div class="pf-v6-c-popover__close">
526
526
  <button
527
- class="pf-v5-c-button pf-m-plain"
527
+ class="pf-v6-c-button pf-m-plain"
528
528
  type="button"
529
529
  aria-label="Close"
530
530
  >
531
531
  <i class="fas fa-times" aria-hidden="true"></i>
532
532
  </button>
533
533
  </div>
534
- <header class="pf-v5-c-popover__header">
535
- <div class="pf-v5-c-popover__title" id="popover-success-alert-header">
536
- <span class="pf-v5-c-popover__title-icon">
534
+ <header class="pf-v6-c-popover__header">
535
+ <div class="pf-v6-c-popover__title" id="popover-success-alert-header">
536
+ <span class="pf-v6-c-popover__title-icon">
537
537
  <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
538
538
  </span>
539
- <h1 class="pf-v5-c-popover__title-text">
540
- <span class="pf-v5-screen-reader">
539
+ <h1 class="pf-v6-c-popover__title-text">
540
+ <span class="pf-v6-screen-reader">
541
541
  Success
542
542
  alert:
543
543
  </span>
@@ -546,10 +546,10 @@ cssPrefix: pf-v5-c-popover
546
546
  </div>
547
547
  </header>
548
548
  <div
549
- class="pf-v5-c-popover__body"
549
+ class="pf-v6-c-popover__body"
550
550
  id="popover-success-alert-body"
551
551
  >Popovers are triggered by click rather than hover. Click again to close.</div>
552
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
552
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
553
553
  </div>
554
554
  </div>
555
555
 
@@ -559,21 +559,21 @@ cssPrefix: pf-v5-c-popover
559
559
 
560
560
  ```html isFullscreen
561
561
  <div
562
- class="pf-v5-c-popover pf-m-warning pf-m-top"
562
+ class="pf-v6-c-popover pf-m-warning pf-m-top"
563
563
  role="dialog"
564
564
  aria-modal="true"
565
565
  aria-labelledby="popover-warning-alert-header"
566
566
  aria-describedby="popover-warning-alert-body"
567
567
  >
568
- <div class="pf-v5-c-popover__arrow"></div>
569
- <div class="pf-v5-c-popover__content">
570
- <header class="pf-v5-c-popover__header">
571
- <div class="pf-v5-c-popover__title" id="popover-warning-alert-header">
572
- <span class="pf-v5-c-popover__title-icon">
568
+ <div class="pf-v6-c-popover__arrow"></div>
569
+ <div class="pf-v6-c-popover__content">
570
+ <header class="pf-v6-c-popover__header">
571
+ <div class="pf-v6-c-popover__title" id="popover-warning-alert-header">
572
+ <span class="pf-v6-c-popover__title-icon">
573
573
  <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
574
574
  </span>
575
- <h1 class="pf-v5-c-popover__title-text">
576
- <span class="pf-v5-screen-reader">
575
+ <h1 class="pf-v6-c-popover__title-text">
576
+ <span class="pf-v6-screen-reader">
577
577
  Warning
578
578
  alert:
579
579
  </span>
@@ -582,10 +582,10 @@ cssPrefix: pf-v5-c-popover
582
582
  </div>
583
583
  </header>
584
584
  <div
585
- class="pf-v5-c-popover__body"
585
+ class="pf-v6-c-popover__body"
586
586
  id="popover-warning-alert-body"
587
587
  >Popovers are triggered by click rather than hover. Click again to close.</div>
588
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
588
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
589
589
  </div>
590
590
  </div>
591
591
 
@@ -595,30 +595,30 @@ cssPrefix: pf-v5-c-popover
595
595
 
596
596
  ```html isFullscreen
597
597
  <div
598
- class="pf-v5-c-popover pf-m-danger pf-m-top"
598
+ class="pf-v6-c-popover pf-m-danger pf-m-top"
599
599
  role="dialog"
600
600
  aria-modal="true"
601
601
  aria-labelledby="popover-danger-alert-header"
602
602
  aria-describedby="popover-danger-alert-body"
603
603
  >
604
- <div class="pf-v5-c-popover__arrow"></div>
605
- <div class="pf-v5-c-popover__content">
606
- <div class="pf-v5-c-popover__close">
604
+ <div class="pf-v6-c-popover__arrow"></div>
605
+ <div class="pf-v6-c-popover__content">
606
+ <div class="pf-v6-c-popover__close">
607
607
  <button
608
- class="pf-v5-c-button pf-m-plain"
608
+ class="pf-v6-c-button pf-m-plain"
609
609
  type="button"
610
610
  aria-label="Close"
611
611
  >
612
612
  <i class="fas fa-times" aria-hidden="true"></i>
613
613
  </button>
614
614
  </div>
615
- <header class="pf-v5-c-popover__header">
616
- <div class="pf-v5-c-popover__title" id="popover-danger-alert-header">
617
- <span class="pf-v5-c-popover__title-icon">
615
+ <header class="pf-v6-c-popover__header">
616
+ <div class="pf-v6-c-popover__title" id="popover-danger-alert-header">
617
+ <span class="pf-v6-c-popover__title-icon">
618
618
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
619
619
  </span>
620
- <h1 class="pf-v5-c-popover__title-text">
621
- <span class="pf-v5-screen-reader">
620
+ <h1 class="pf-v6-c-popover__title-text">
621
+ <span class="pf-v6-screen-reader">
622
622
  Danger
623
623
  alert:
624
624
  </span>
@@ -627,10 +627,10 @@ cssPrefix: pf-v5-c-popover
627
627
  </div>
628
628
  </header>
629
629
  <div
630
- class="pf-v5-c-popover__body"
630
+ class="pf-v6-c-popover__body"
631
631
  id="popover-danger-alert-body"
632
632
  >Popovers are triggered by click rather than hover. Click again to close.</div>
633
- <footer class="pf-v5-c-popover__footer">Popover footer</footer>
633
+ <footer class="pf-v6-c-popover__footer">Popover footer</footer>
634
634
  </div>
635
635
  </div>
636
636