@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/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -7,25 +7,25 @@ cssPrefix: pf-d-back-to-top
7
7
  ### Basic
8
8
 
9
9
  ```html isFullscreen
10
- <div class="pf-v5-c-page" id="back-to-top-basic-example">
11
- <div class="pf-v5-c-skip-to-content">
10
+ <div class="pf-v6-c-page" id="back-to-top-basic-example">
11
+ <div class="pf-v6-c-skip-to-content">
12
12
  <a
13
- class="pf-v5-c-button pf-m-primary"
13
+ class="pf-v6-c-button pf-m-primary"
14
14
  href="#main-content-back-to-top-basic-example"
15
15
  >Skip to content</a>
16
16
  </div>
17
- <header class="pf-v5-c-masthead" id="back-to-top-basic-example-masthead">
18
- <span class="pf-v5-c-masthead__toggle">
17
+ <header class="pf-v6-c-masthead" id="back-to-top-basic-example-masthead">
18
+ <span class="pf-v6-c-masthead__toggle">
19
19
  <button
20
- class="pf-v5-c-button pf-m-plain"
20
+ class="pf-v6-c-button pf-m-plain"
21
21
  type="button"
22
22
  aria-label="Global navigation"
23
23
  >
24
24
  <i class="fas fa-bars" aria-hidden="true"></i>
25
25
  </button>
26
26
  </span>
27
- <div class="pf-v5-c-masthead__main">
28
- <a class="pf-v5-c-masthead__brand" href="#">
27
+ <div class="pf-v6-c-masthead__main">
28
+ <a class="pf-v6-c-masthead__brand" href="#">
29
29
  <svg height="40px" viewBox="0 0 679 158">
30
30
  <title>PF-HorizontalLogo-Color</title>
31
31
  <defs>
@@ -98,37 +98,37 @@ cssPrefix: pf-d-back-to-top
98
98
  </svg>
99
99
  </a>
100
100
  </div>
101
- <div class="pf-v5-c-masthead__content">
101
+ <div class="pf-v6-c-masthead__content">
102
102
  <div
103
- class="pf-v5-c-toolbar pf-m-static"
103
+ class="pf-v6-c-toolbar pf-m-static"
104
104
  id="back-to-top-basic-example-masthead-toolbar"
105
105
  >
106
- <div class="pf-v5-c-toolbar__content">
107
- <div class="pf-v5-c-toolbar__content-section">
108
- <div class="pf-v5-c-toolbar__item">
106
+ <div class="pf-v6-c-toolbar__content">
107
+ <div class="pf-v6-c-toolbar__content-section">
108
+ <div class="pf-v6-c-toolbar__item">
109
109
  <button
110
- class="pf-v5-c-menu-toggle"
110
+ class="pf-v6-c-menu-toggle"
111
111
  type="button"
112
112
  aria-expanded="false"
113
113
  >
114
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
115
- <span class="pf-v5-c-menu-toggle__controls">
116
- <span class="pf-v5-c-menu-toggle__toggle-icon">
114
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
115
+ <span class="pf-v6-c-menu-toggle__controls">
116
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
117
117
  <i class="fas fa-caret-down" aria-hidden="true"></i>
118
118
  </span>
119
119
  </span>
120
120
  </button>
121
121
  </div>
122
122
 
123
- <div class="pf-v5-c-toolbar__item">
123
+ <div class="pf-v6-c-toolbar__item">
124
124
  <button
125
- class="pf-v5-c-menu-toggle"
125
+ class="pf-v6-c-menu-toggle"
126
126
  type="button"
127
127
  aria-expanded="false"
128
128
  >
129
- <span class="pf-v5-c-menu-toggle__text">Services</span>
130
- <span class="pf-v5-c-menu-toggle__controls">
131
- <span class="pf-v5-c-menu-toggle__toggle-icon">
129
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
130
+ <span class="pf-v6-c-menu-toggle__controls">
131
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
132
132
  <i class="fas fa-caret-down" aria-hidden="true"></i>
133
133
  </span>
134
134
  </span>
@@ -136,56 +136,56 @@ cssPrefix: pf-d-back-to-top
136
136
  </div>
137
137
 
138
138
  <div
139
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
139
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
140
140
  >
141
141
  <div
142
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
142
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
143
143
  >
144
- <div class="pf-v5-c-toolbar__item">
144
+ <div class="pf-v6-c-toolbar__item">
145
145
  <button
146
- class="pf-v5-c-menu-toggle pf-m-plain"
146
+ class="pf-v6-c-menu-toggle pf-m-plain"
147
147
  type="button"
148
148
  aria-expanded="false"
149
149
  aria-label="Application launcher"
150
150
  >
151
- <span class="pf-v5-c-menu-toggle__icon">
151
+ <span class="pf-v6-c-menu-toggle__icon">
152
152
  <i class="fas fa-th" aria-hidden="true"></i>
153
153
  </span>
154
154
  </button>
155
155
  </div>
156
- <div class="pf-v5-c-toolbar__item">
156
+ <div class="pf-v6-c-toolbar__item">
157
157
  <button
158
- class="pf-v5-c-menu-toggle pf-m-plain"
158
+ class="pf-v6-c-menu-toggle pf-m-plain"
159
159
  type="button"
160
160
  aria-expanded="false"
161
161
  aria-label="Settings"
162
162
  >
163
- <span class="pf-v5-c-menu-toggle__icon">
163
+ <span class="pf-v6-c-menu-toggle__icon">
164
164
  <i class="fas fa-cog" aria-hidden="true"></i>
165
165
  </span>
166
166
  </button>
167
167
  </div>
168
- <div class="pf-v5-c-toolbar__item">
168
+ <div class="pf-v6-c-toolbar__item">
169
169
  <button
170
- class="pf-v5-c-menu-toggle pf-m-plain"
170
+ class="pf-v6-c-menu-toggle pf-m-plain"
171
171
  type="button"
172
172
  aria-expanded="false"
173
173
  aria-label="Help"
174
174
  >
175
- <span class="pf-v5-c-menu-toggle__icon">
175
+ <span class="pf-v6-c-menu-toggle__icon">
176
176
  <i class="fas fa-question-circle" aria-hidden="true"></i>
177
177
  </span>
178
178
  </button>
179
179
  </div>
180
180
  </div>
181
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
181
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
182
182
  <button
183
- class="pf-v5-c-menu-toggle pf-m-plain"
183
+ class="pf-v6-c-menu-toggle pf-m-plain"
184
184
  type="button"
185
185
  aria-expanded="false"
186
186
  aria-label="Actions"
187
187
  >
188
- <span class="pf-v5-c-menu-toggle__icon">
188
+ <span class="pf-v6-c-menu-toggle__icon">
189
189
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
190
190
  </span>
191
191
  </button>
@@ -196,71 +196,71 @@ cssPrefix: pf-d-back-to-top
196
196
  </div>
197
197
  </div>
198
198
  </header>
199
- <div class="pf-v5-c-page__sidebar">
200
- <div class="pf-v5-c-page__sidebar-body">
199
+ <div class="pf-v6-c-page__sidebar">
200
+ <div class="pf-v6-c-page__sidebar-body">
201
201
  <nav
202
- class="pf-v5-c-nav"
202
+ class="pf-v6-c-nav"
203
203
  id="back-to-top-basic-example-primary-nav"
204
204
  aria-label="Global"
205
205
  >
206
- <ul class="pf-v5-c-nav__list" role="list">
207
- <li class="pf-v5-c-nav__item">
208
- <a href="#" class="pf-v5-c-nav__link">System panel</a>
206
+ <ul class="pf-v6-c-nav__list" role="list">
207
+ <li class="pf-v6-c-nav__item">
208
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
209
209
  </li>
210
- <li class="pf-v5-c-nav__item">
210
+ <li class="pf-v6-c-nav__item">
211
211
  <a
212
212
  href="#"
213
- class="pf-v5-c-nav__link pf-m-current"
213
+ class="pf-v6-c-nav__link pf-m-current"
214
214
  aria-current="page"
215
215
  >Policy</a>
216
216
  </li>
217
- <li class="pf-v5-c-nav__item">
218
- <a href="#" class="pf-v5-c-nav__link">Authentication</a>
217
+ <li class="pf-v6-c-nav__item">
218
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
219
219
  </li>
220
- <li class="pf-v5-c-nav__item">
221
- <a href="#" class="pf-v5-c-nav__link">Network services</a>
220
+ <li class="pf-v6-c-nav__item">
221
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
222
222
  </li>
223
- <li class="pf-v5-c-nav__item">
224
- <a href="#" class="pf-v5-c-nav__link">Server</a>
223
+ <li class="pf-v6-c-nav__item">
224
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
225
225
  </li>
226
226
  </ul>
227
227
  </nav>
228
228
  </div>
229
229
  </div>
230
230
  <main
231
- class="pf-v5-c-page__main"
231
+ class="pf-v6-c-page__main"
232
232
  tabindex="-1"
233
233
  id="main-content-back-to-top-basic-example"
234
234
  >
235
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
236
- <div class="pf-v5-c-page__main-body">
237
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
238
- <ol class="pf-v5-c-breadcrumb__list" role="list">
239
- <li class="pf-v5-c-breadcrumb__item">
240
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
235
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
236
+ <div class="pf-v6-c-page__main-body">
237
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
238
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
239
+ <li class="pf-v6-c-breadcrumb__item">
240
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
241
241
  </li>
242
- <li class="pf-v5-c-breadcrumb__item">
243
- <span class="pf-v5-c-breadcrumb__item-divider">
242
+ <li class="pf-v6-c-breadcrumb__item">
243
+ <span class="pf-v6-c-breadcrumb__item-divider">
244
244
  <i class="fas fa-angle-right" aria-hidden="true"></i>
245
245
  </span>
246
246
 
247
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
247
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
248
248
  </li>
249
- <li class="pf-v5-c-breadcrumb__item">
250
- <span class="pf-v5-c-breadcrumb__item-divider">
249
+ <li class="pf-v6-c-breadcrumb__item">
250
+ <span class="pf-v6-c-breadcrumb__item-divider">
251
251
  <i class="fas fa-angle-right" aria-hidden="true"></i>
252
252
  </span>
253
253
 
254
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
254
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
255
255
  </li>
256
- <li class="pf-v5-c-breadcrumb__item">
257
- <span class="pf-v5-c-breadcrumb__item-divider">
256
+ <li class="pf-v6-c-breadcrumb__item">
257
+ <span class="pf-v6-c-breadcrumb__item-divider">
258
258
  <i class="fas fa-angle-right" aria-hidden="true"></i>
259
259
  </span>
260
260
 
261
261
  <a
262
262
  href="#"
263
- class="pf-v5-c-breadcrumb__link pf-m-current"
263
+ class="pf-v6-c-breadcrumb__link pf-m-current"
264
264
  aria-current="page"
265
265
  >Section landing</a>
266
266
  </li>
@@ -268,177 +268,177 @@ cssPrefix: pf-d-back-to-top
268
268
  </nav>
269
269
  </div>
270
270
  </section>
271
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
272
- <div class="pf-v5-c-page__main-body">
273
- <div class="pf-v5-c-content">
271
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
272
+ <div class="pf-v6-c-page__main-body">
273
+ <div class="pf-v6-c-content">
274
274
  <h1>Main title</h1>
275
275
  <p>This is a full page demo.</p>
276
276
  </div>
277
277
  </div>
278
278
  </section>
279
- <section class="pf-v5-c-page__main-section pf-m-limit-width">
280
- <div class="pf-v5-c-page__main-body">
281
- <div class="pf-v5-l-gallery pf-m-gutter">
282
- <div class="pf-v5-c-card">
283
- <div class="pf-v5-c-card__body">This is a card</div>
279
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
280
+ <div class="pf-v6-c-page__main-body">
281
+ <div class="pf-v6-l-gallery pf-m-gutter">
282
+ <div class="pf-v6-c-card">
283
+ <div class="pf-v6-c-card__body">This is a card</div>
284
284
  </div>
285
- <div class="pf-v5-c-card">
286
- <div class="pf-v5-c-card__body">This is a card</div>
285
+ <div class="pf-v6-c-card">
286
+ <div class="pf-v6-c-card__body">This is a card</div>
287
287
  </div>
288
- <div class="pf-v5-c-card">
289
- <div class="pf-v5-c-card__body">This is a card</div>
288
+ <div class="pf-v6-c-card">
289
+ <div class="pf-v6-c-card__body">This is a card</div>
290
290
  </div>
291
- <div class="pf-v5-c-card">
292
- <div class="pf-v5-c-card__body">This is a card</div>
291
+ <div class="pf-v6-c-card">
292
+ <div class="pf-v6-c-card__body">This is a card</div>
293
293
  </div>
294
- <div class="pf-v5-c-card">
295
- <div class="pf-v5-c-card__body">This is a card</div>
294
+ <div class="pf-v6-c-card">
295
+ <div class="pf-v6-c-card__body">This is a card</div>
296
296
  </div>
297
- <div class="pf-v5-c-card">
298
- <div class="pf-v5-c-card__body">This is a card</div>
297
+ <div class="pf-v6-c-card">
298
+ <div class="pf-v6-c-card__body">This is a card</div>
299
299
  </div>
300
- <div class="pf-v5-c-card">
301
- <div class="pf-v5-c-card__body">This is a card</div>
300
+ <div class="pf-v6-c-card">
301
+ <div class="pf-v6-c-card__body">This is a card</div>
302
302
  </div>
303
- <div class="pf-v5-c-card">
304
- <div class="pf-v5-c-card__body">This is a card</div>
303
+ <div class="pf-v6-c-card">
304
+ <div class="pf-v6-c-card__body">This is a card</div>
305
305
  </div>
306
- <div class="pf-v5-c-card">
307
- <div class="pf-v5-c-card__body">This is a card</div>
306
+ <div class="pf-v6-c-card">
307
+ <div class="pf-v6-c-card__body">This is a card</div>
308
308
  </div>
309
- <div class="pf-v5-c-card">
310
- <div class="pf-v5-c-card__body">This is a card</div>
309
+ <div class="pf-v6-c-card">
310
+ <div class="pf-v6-c-card__body">This is a card</div>
311
311
  </div>
312
- <div class="pf-v5-c-card">
313
- <div class="pf-v5-c-card__body">This is a card</div>
312
+ <div class="pf-v6-c-card">
313
+ <div class="pf-v6-c-card__body">This is a card</div>
314
314
  </div>
315
- <div class="pf-v5-c-card">
316
- <div class="pf-v5-c-card__body">This is a card</div>
315
+ <div class="pf-v6-c-card">
316
+ <div class="pf-v6-c-card__body">This is a card</div>
317
317
  </div>
318
- <div class="pf-v5-c-card">
319
- <div class="pf-v5-c-card__body">This is a card</div>
318
+ <div class="pf-v6-c-card">
319
+ <div class="pf-v6-c-card__body">This is a card</div>
320
320
  </div>
321
- <div class="pf-v5-c-card">
322
- <div class="pf-v5-c-card__body">This is a card</div>
321
+ <div class="pf-v6-c-card">
322
+ <div class="pf-v6-c-card__body">This is a card</div>
323
323
  </div>
324
- <div class="pf-v5-c-card">
325
- <div class="pf-v5-c-card__body">This is a card</div>
324
+ <div class="pf-v6-c-card">
325
+ <div class="pf-v6-c-card__body">This is a card</div>
326
326
  </div>
327
- <div class="pf-v5-c-card">
328
- <div class="pf-v5-c-card__body">This is a card</div>
327
+ <div class="pf-v6-c-card">
328
+ <div class="pf-v6-c-card__body">This is a card</div>
329
329
  </div>
330
- <div class="pf-v5-c-card">
331
- <div class="pf-v5-c-card__body">This is a card</div>
330
+ <div class="pf-v6-c-card">
331
+ <div class="pf-v6-c-card__body">This is a card</div>
332
332
  </div>
333
- <div class="pf-v5-c-card">
334
- <div class="pf-v5-c-card__body">This is a card</div>
333
+ <div class="pf-v6-c-card">
334
+ <div class="pf-v6-c-card__body">This is a card</div>
335
335
  </div>
336
- <div class="pf-v5-c-card">
337
- <div class="pf-v5-c-card__body">This is a card</div>
336
+ <div class="pf-v6-c-card">
337
+ <div class="pf-v6-c-card__body">This is a card</div>
338
338
  </div>
339
- <div class="pf-v5-c-card">
340
- <div class="pf-v5-c-card__body">This is a card</div>
339
+ <div class="pf-v6-c-card">
340
+ <div class="pf-v6-c-card__body">This is a card</div>
341
341
  </div>
342
- <div class="pf-v5-c-card">
343
- <div class="pf-v5-c-card__body">This is a card</div>
342
+ <div class="pf-v6-c-card">
343
+ <div class="pf-v6-c-card__body">This is a card</div>
344
344
  </div>
345
- <div class="pf-v5-c-card">
346
- <div class="pf-v5-c-card__body">This is a card</div>
345
+ <div class="pf-v6-c-card">
346
+ <div class="pf-v6-c-card__body">This is a card</div>
347
347
  </div>
348
- <div class="pf-v5-c-card">
349
- <div class="pf-v5-c-card__body">This is a card</div>
348
+ <div class="pf-v6-c-card">
349
+ <div class="pf-v6-c-card__body">This is a card</div>
350
350
  </div>
351
- <div class="pf-v5-c-card">
352
- <div class="pf-v5-c-card__body">This is a card</div>
351
+ <div class="pf-v6-c-card">
352
+ <div class="pf-v6-c-card__body">This is a card</div>
353
353
  </div>
354
- <div class="pf-v5-c-card">
355
- <div class="pf-v5-c-card__body">This is a card</div>
354
+ <div class="pf-v6-c-card">
355
+ <div class="pf-v6-c-card__body">This is a card</div>
356
356
  </div>
357
- <div class="pf-v5-c-card">
358
- <div class="pf-v5-c-card__body">This is a card</div>
357
+ <div class="pf-v6-c-card">
358
+ <div class="pf-v6-c-card__body">This is a card</div>
359
359
  </div>
360
- <div class="pf-v5-c-card">
361
- <div class="pf-v5-c-card__body">This is a card</div>
360
+ <div class="pf-v6-c-card">
361
+ <div class="pf-v6-c-card__body">This is a card</div>
362
362
  </div>
363
- <div class="pf-v5-c-card">
364
- <div class="pf-v5-c-card__body">This is a card</div>
363
+ <div class="pf-v6-c-card">
364
+ <div class="pf-v6-c-card__body">This is a card</div>
365
365
  </div>
366
- <div class="pf-v5-c-card">
367
- <div class="pf-v5-c-card__body">This is a card</div>
366
+ <div class="pf-v6-c-card">
367
+ <div class="pf-v6-c-card__body">This is a card</div>
368
368
  </div>
369
- <div class="pf-v5-c-card">
370
- <div class="pf-v5-c-card__body">This is a card</div>
369
+ <div class="pf-v6-c-card">
370
+ <div class="pf-v6-c-card__body">This is a card</div>
371
371
  </div>
372
- <div class="pf-v5-c-card">
373
- <div class="pf-v5-c-card__body">This is a card</div>
372
+ <div class="pf-v6-c-card">
373
+ <div class="pf-v6-c-card__body">This is a card</div>
374
374
  </div>
375
- <div class="pf-v5-c-card">
376
- <div class="pf-v5-c-card__body">This is a card</div>
375
+ <div class="pf-v6-c-card">
376
+ <div class="pf-v6-c-card__body">This is a card</div>
377
377
  </div>
378
- <div class="pf-v5-c-card">
379
- <div class="pf-v5-c-card__body">This is a card</div>
378
+ <div class="pf-v6-c-card">
379
+ <div class="pf-v6-c-card__body">This is a card</div>
380
380
  </div>
381
- <div class="pf-v5-c-card">
382
- <div class="pf-v5-c-card__body">This is a card</div>
381
+ <div class="pf-v6-c-card">
382
+ <div class="pf-v6-c-card__body">This is a card</div>
383
383
  </div>
384
- <div class="pf-v5-c-card">
385
- <div class="pf-v5-c-card__body">This is a card</div>
384
+ <div class="pf-v6-c-card">
385
+ <div class="pf-v6-c-card__body">This is a card</div>
386
386
  </div>
387
- <div class="pf-v5-c-card">
388
- <div class="pf-v5-c-card__body">This is a card</div>
387
+ <div class="pf-v6-c-card">
388
+ <div class="pf-v6-c-card__body">This is a card</div>
389
389
  </div>
390
- <div class="pf-v5-c-card">
391
- <div class="pf-v5-c-card__body">This is a card</div>
390
+ <div class="pf-v6-c-card">
391
+ <div class="pf-v6-c-card__body">This is a card</div>
392
392
  </div>
393
- <div class="pf-v5-c-card">
394
- <div class="pf-v5-c-card__body">This is a card</div>
393
+ <div class="pf-v6-c-card">
394
+ <div class="pf-v6-c-card__body">This is a card</div>
395
395
  </div>
396
- <div class="pf-v5-c-card">
397
- <div class="pf-v5-c-card__body">This is a card</div>
396
+ <div class="pf-v6-c-card">
397
+ <div class="pf-v6-c-card__body">This is a card</div>
398
398
  </div>
399
- <div class="pf-v5-c-card">
400
- <div class="pf-v5-c-card__body">This is a card</div>
399
+ <div class="pf-v6-c-card">
400
+ <div class="pf-v6-c-card__body">This is a card</div>
401
401
  </div>
402
- <div class="pf-v5-c-card">
403
- <div class="pf-v5-c-card__body">This is a card</div>
402
+ <div class="pf-v6-c-card">
403
+ <div class="pf-v6-c-card__body">This is a card</div>
404
404
  </div>
405
- <div class="pf-v5-c-card">
406
- <div class="pf-v5-c-card__body">This is a card</div>
405
+ <div class="pf-v6-c-card">
406
+ <div class="pf-v6-c-card__body">This is a card</div>
407
407
  </div>
408
- <div class="pf-v5-c-card">
409
- <div class="pf-v5-c-card__body">This is a card</div>
408
+ <div class="pf-v6-c-card">
409
+ <div class="pf-v6-c-card__body">This is a card</div>
410
410
  </div>
411
- <div class="pf-v5-c-card">
412
- <div class="pf-v5-c-card__body">This is a card</div>
411
+ <div class="pf-v6-c-card">
412
+ <div class="pf-v6-c-card__body">This is a card</div>
413
413
  </div>
414
- <div class="pf-v5-c-card">
415
- <div class="pf-v5-c-card__body">This is a card</div>
414
+ <div class="pf-v6-c-card">
415
+ <div class="pf-v6-c-card__body">This is a card</div>
416
416
  </div>
417
- <div class="pf-v5-c-card">
418
- <div class="pf-v5-c-card__body">This is a card</div>
417
+ <div class="pf-v6-c-card">
418
+ <div class="pf-v6-c-card__body">This is a card</div>
419
419
  </div>
420
- <div class="pf-v5-c-card">
421
- <div class="pf-v5-c-card__body">This is a card</div>
420
+ <div class="pf-v6-c-card">
421
+ <div class="pf-v6-c-card__body">This is a card</div>
422
422
  </div>
423
- <div class="pf-v5-c-card">
424
- <div class="pf-v5-c-card__body">This is a card</div>
423
+ <div class="pf-v6-c-card">
424
+ <div class="pf-v6-c-card__body">This is a card</div>
425
425
  </div>
426
- <div class="pf-v5-c-card">
427
- <div class="pf-v5-c-card__body">This is a card</div>
426
+ <div class="pf-v6-c-card">
427
+ <div class="pf-v6-c-card__body">This is a card</div>
428
428
  </div>
429
- <div class="pf-v5-c-card">
430
- <div class="pf-v5-c-card__body">This is a card</div>
429
+ <div class="pf-v6-c-card">
430
+ <div class="pf-v6-c-card__body">This is a card</div>
431
431
  </div>
432
432
  </div>
433
433
  </div>
434
434
  </section>
435
- <div class="pf-v5-c-back-to-top">
435
+ <div class="pf-v6-c-back-to-top">
436
436
  <a
437
- class="pf-v5-c-button pf-m-primary"
437
+ class="pf-v6-c-button pf-m-primary"
438
438
  href="#main-content-back-to-top-basic-example"
439
439
  >
440
440
  Back to top
441
- <span class="pf-v5-c-button__icon pf-m-end">
441
+ <span class="pf-v6-c-button__icon pf-m-end">
442
442
  <i class="fas fa-angle-up" aria-hidden="true"></i>
443
443
  </span>
444
444
  </a>