@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/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -8,25 +8,25 @@ section: components
8
8
  This demo implements the about modal, including the backdrop.
9
9
 
10
10
  ```html isFullscreen
11
- <div class="pf-v5-c-page" id="modal-basic-example">
12
- <div class="pf-v5-c-skip-to-content">
11
+ <div class="pf-v6-c-page" id="modal-basic-example">
12
+ <div class="pf-v6-c-skip-to-content">
13
13
  <a
14
- class="pf-v5-c-button pf-m-primary"
14
+ class="pf-v6-c-button pf-m-primary"
15
15
  href="#main-content-modal-basic-example"
16
16
  >Skip to content</a>
17
17
  </div>
18
- <header class="pf-v5-c-masthead" id="modal-basic-example-masthead">
19
- <span class="pf-v5-c-masthead__toggle">
18
+ <header class="pf-v6-c-masthead" id="modal-basic-example-masthead">
19
+ <span class="pf-v6-c-masthead__toggle">
20
20
  <button
21
- class="pf-v5-c-button pf-m-plain"
21
+ class="pf-v6-c-button pf-m-plain"
22
22
  type="button"
23
23
  aria-label="Global navigation"
24
24
  >
25
25
  <i class="fas fa-bars" aria-hidden="true"></i>
26
26
  </button>
27
27
  </span>
28
- <div class="pf-v5-c-masthead__main">
29
- <a class="pf-v5-c-masthead__brand" href="#">
28
+ <div class="pf-v6-c-masthead__main">
29
+ <a class="pf-v6-c-masthead__brand" href="#">
30
30
  <svg height="40px" viewBox="0 0 679 158">
31
31
  <title>PF-HorizontalLogo-Color</title>
32
32
  <defs>
@@ -99,37 +99,37 @@ This demo implements the about modal, including the backdrop.
99
99
  </svg>
100
100
  </a>
101
101
  </div>
102
- <div class="pf-v5-c-masthead__content">
102
+ <div class="pf-v6-c-masthead__content">
103
103
  <div
104
- class="pf-v5-c-toolbar pf-m-static"
104
+ class="pf-v6-c-toolbar pf-m-static"
105
105
  id="modal-basic-example-masthead-toolbar"
106
106
  >
107
- <div class="pf-v5-c-toolbar__content">
108
- <div class="pf-v5-c-toolbar__content-section">
109
- <div class="pf-v5-c-toolbar__item">
107
+ <div class="pf-v6-c-toolbar__content">
108
+ <div class="pf-v6-c-toolbar__content-section">
109
+ <div class="pf-v6-c-toolbar__item">
110
110
  <button
111
- class="pf-v5-c-menu-toggle"
111
+ class="pf-v6-c-menu-toggle"
112
112
  type="button"
113
113
  aria-expanded="false"
114
114
  >
115
- <span class="pf-v5-c-menu-toggle__text">Overview</span>
116
- <span class="pf-v5-c-menu-toggle__controls">
117
- <span class="pf-v5-c-menu-toggle__toggle-icon">
115
+ <span class="pf-v6-c-menu-toggle__text">Overview</span>
116
+ <span class="pf-v6-c-menu-toggle__controls">
117
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
118
118
  <i class="fas fa-caret-down" aria-hidden="true"></i>
119
119
  </span>
120
120
  </span>
121
121
  </button>
122
122
  </div>
123
123
 
124
- <div class="pf-v5-c-toolbar__item">
124
+ <div class="pf-v6-c-toolbar__item">
125
125
  <button
126
- class="pf-v5-c-menu-toggle"
126
+ class="pf-v6-c-menu-toggle"
127
127
  type="button"
128
128
  aria-expanded="false"
129
129
  >
130
- <span class="pf-v5-c-menu-toggle__text">Services</span>
131
- <span class="pf-v5-c-menu-toggle__controls">
132
- <span class="pf-v5-c-menu-toggle__toggle-icon">
130
+ <span class="pf-v6-c-menu-toggle__text">Services</span>
131
+ <span class="pf-v6-c-menu-toggle__controls">
132
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
133
133
  <i class="fas fa-caret-down" aria-hidden="true"></i>
134
134
  </span>
135
135
  </span>
@@ -137,56 +137,56 @@ This demo implements the about modal, including the backdrop.
137
137
  </div>
138
138
 
139
139
  <div
140
- 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"
140
+ 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"
141
141
  >
142
142
  <div
143
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
143
+ class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
144
144
  >
145
- <div class="pf-v5-c-toolbar__item">
145
+ <div class="pf-v6-c-toolbar__item">
146
146
  <button
147
- class="pf-v5-c-menu-toggle pf-m-plain"
147
+ class="pf-v6-c-menu-toggle pf-m-plain"
148
148
  type="button"
149
149
  aria-expanded="false"
150
150
  aria-label="Application launcher"
151
151
  >
152
- <span class="pf-v5-c-menu-toggle__icon">
152
+ <span class="pf-v6-c-menu-toggle__icon">
153
153
  <i class="fas fa-th" aria-hidden="true"></i>
154
154
  </span>
155
155
  </button>
156
156
  </div>
157
- <div class="pf-v5-c-toolbar__item">
157
+ <div class="pf-v6-c-toolbar__item">
158
158
  <button
159
- class="pf-v5-c-menu-toggle pf-m-plain"
159
+ class="pf-v6-c-menu-toggle pf-m-plain"
160
160
  type="button"
161
161
  aria-expanded="false"
162
162
  aria-label="Settings"
163
163
  >
164
- <span class="pf-v5-c-menu-toggle__icon">
164
+ <span class="pf-v6-c-menu-toggle__icon">
165
165
  <i class="fas fa-cog" aria-hidden="true"></i>
166
166
  </span>
167
167
  </button>
168
168
  </div>
169
- <div class="pf-v5-c-toolbar__item">
169
+ <div class="pf-v6-c-toolbar__item">
170
170
  <button
171
- class="pf-v5-c-menu-toggle pf-m-plain"
171
+ class="pf-v6-c-menu-toggle pf-m-plain"
172
172
  type="button"
173
173
  aria-expanded="false"
174
174
  aria-label="Help"
175
175
  >
176
- <span class="pf-v5-c-menu-toggle__icon">
176
+ <span class="pf-v6-c-menu-toggle__icon">
177
177
  <i class="fas fa-question-circle" aria-hidden="true"></i>
178
178
  </span>
179
179
  </button>
180
180
  </div>
181
181
  </div>
182
- <div class="pf-v5-c-toolbar__item pf-m-hidden-on-lg">
182
+ <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
183
183
  <button
184
- class="pf-v5-c-menu-toggle pf-m-plain"
184
+ class="pf-v6-c-menu-toggle pf-m-plain"
185
185
  type="button"
186
186
  aria-expanded="false"
187
187
  aria-label="Actions"
188
188
  >
189
- <span class="pf-v5-c-menu-toggle__icon">
189
+ <span class="pf-v6-c-menu-toggle__icon">
190
190
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
191
191
  </span>
192
192
  </button>
@@ -197,71 +197,71 @@ This demo implements the about modal, including the backdrop.
197
197
  </div>
198
198
  </div>
199
199
  </header>
200
- <div class="pf-v5-c-page__sidebar">
201
- <div class="pf-v5-c-page__sidebar-body">
200
+ <div class="pf-v6-c-page__sidebar">
201
+ <div class="pf-v6-c-page__sidebar-body">
202
202
  <nav
203
- class="pf-v5-c-nav"
203
+ class="pf-v6-c-nav"
204
204
  id="modal-basic-example-primary-nav"
205
205
  aria-label="Global"
206
206
  >
207
- <ul class="pf-v5-c-nav__list" role="list">
208
- <li class="pf-v5-c-nav__item">
209
- <a href="#" class="pf-v5-c-nav__link">System panel</a>
207
+ <ul class="pf-v6-c-nav__list" role="list">
208
+ <li class="pf-v6-c-nav__item">
209
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
210
210
  </li>
211
- <li class="pf-v5-c-nav__item">
211
+ <li class="pf-v6-c-nav__item">
212
212
  <a
213
213
  href="#"
214
- class="pf-v5-c-nav__link pf-m-current"
214
+ class="pf-v6-c-nav__link pf-m-current"
215
215
  aria-current="page"
216
216
  >Policy</a>
217
217
  </li>
218
- <li class="pf-v5-c-nav__item">
219
- <a href="#" class="pf-v5-c-nav__link">Authentication</a>
218
+ <li class="pf-v6-c-nav__item">
219
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
220
220
  </li>
221
- <li class="pf-v5-c-nav__item">
222
- <a href="#" class="pf-v5-c-nav__link">Network services</a>
221
+ <li class="pf-v6-c-nav__item">
222
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
223
223
  </li>
224
- <li class="pf-v5-c-nav__item">
225
- <a href="#" class="pf-v5-c-nav__link">Server</a>
224
+ <li class="pf-v6-c-nav__item">
225
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
226
226
  </li>
227
227
  </ul>
228
228
  </nav>
229
229
  </div>
230
230
  </div>
231
231
  <main
232
- class="pf-v5-c-page__main"
232
+ class="pf-v6-c-page__main"
233
233
  tabindex="-1"
234
234
  id="main-content-modal-basic-example"
235
235
  >
236
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
237
- <div class="pf-v5-c-page__main-body">
238
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
239
- <ol class="pf-v5-c-breadcrumb__list" role="list">
240
- <li class="pf-v5-c-breadcrumb__item">
241
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
236
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
237
+ <div class="pf-v6-c-page__main-body">
238
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
239
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
240
+ <li class="pf-v6-c-breadcrumb__item">
241
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
242
242
  </li>
243
- <li class="pf-v5-c-breadcrumb__item">
244
- <span class="pf-v5-c-breadcrumb__item-divider">
243
+ <li class="pf-v6-c-breadcrumb__item">
244
+ <span class="pf-v6-c-breadcrumb__item-divider">
245
245
  <i class="fas fa-angle-right" aria-hidden="true"></i>
246
246
  </span>
247
247
 
248
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
248
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
249
249
  </li>
250
- <li class="pf-v5-c-breadcrumb__item">
251
- <span class="pf-v5-c-breadcrumb__item-divider">
250
+ <li class="pf-v6-c-breadcrumb__item">
251
+ <span class="pf-v6-c-breadcrumb__item-divider">
252
252
  <i class="fas fa-angle-right" aria-hidden="true"></i>
253
253
  </span>
254
254
 
255
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
255
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
256
  </li>
257
- <li class="pf-v5-c-breadcrumb__item">
258
- <span class="pf-v5-c-breadcrumb__item-divider">
257
+ <li class="pf-v6-c-breadcrumb__item">
258
+ <span class="pf-v6-c-breadcrumb__item-divider">
259
259
  <i class="fas fa-angle-right" aria-hidden="true"></i>
260
260
  </span>
261
261
 
262
262
  <a
263
263
  href="#"
264
- class="pf-v5-c-breadcrumb__link pf-m-current"
264
+ class="pf-v6-c-breadcrumb__link pf-m-current"
265
265
  aria-current="page"
266
266
  >Section landing</a>
267
267
  </li>
@@ -269,88 +269,88 @@ This demo implements the about modal, including the backdrop.
269
269
  </nav>
270
270
  </div>
271
271
  </section>
272
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
273
- <div class="pf-v5-c-page__main-body">
274
- <div class="pf-v5-c-content">
272
+ <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
273
+ <div class="pf-v6-c-page__main-body">
274
+ <div class="pf-v6-c-content">
275
275
  <h1>Main title</h1>
276
276
  <p>This is a full page demo.</p>
277
277
  </div>
278
278
  </div>
279
279
  </section>
280
- <section class="pf-v5-c-page__main-section pf-m-limit-width">
281
- <div class="pf-v5-c-page__main-body">
282
- <div class="pf-v5-l-gallery pf-m-gutter">
283
- <div class="pf-v5-c-card">
284
- <div class="pf-v5-c-card__body">This is a card</div>
280
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
281
+ <div class="pf-v6-c-page__main-body">
282
+ <div class="pf-v6-l-gallery pf-m-gutter">
283
+ <div class="pf-v6-c-card">
284
+ <div class="pf-v6-c-card__body">This is a card</div>
285
285
  </div>
286
- <div class="pf-v5-c-card">
287
- <div class="pf-v5-c-card__body">This is a card</div>
286
+ <div class="pf-v6-c-card">
287
+ <div class="pf-v6-c-card__body">This is a card</div>
288
288
  </div>
289
- <div class="pf-v5-c-card">
290
- <div class="pf-v5-c-card__body">This is a card</div>
289
+ <div class="pf-v6-c-card">
290
+ <div class="pf-v6-c-card__body">This is a card</div>
291
291
  </div>
292
- <div class="pf-v5-c-card">
293
- <div class="pf-v5-c-card__body">This is a card</div>
292
+ <div class="pf-v6-c-card">
293
+ <div class="pf-v6-c-card__body">This is a card</div>
294
294
  </div>
295
- <div class="pf-v5-c-card">
296
- <div class="pf-v5-c-card__body">This is a card</div>
295
+ <div class="pf-v6-c-card">
296
+ <div class="pf-v6-c-card__body">This is a card</div>
297
297
  </div>
298
- <div class="pf-v5-c-card">
299
- <div class="pf-v5-c-card__body">This is a card</div>
298
+ <div class="pf-v6-c-card">
299
+ <div class="pf-v6-c-card__body">This is a card</div>
300
300
  </div>
301
- <div class="pf-v5-c-card">
302
- <div class="pf-v5-c-card__body">This is a card</div>
301
+ <div class="pf-v6-c-card">
302
+ <div class="pf-v6-c-card__body">This is a card</div>
303
303
  </div>
304
- <div class="pf-v5-c-card">
305
- <div class="pf-v5-c-card__body">This is a card</div>
304
+ <div class="pf-v6-c-card">
305
+ <div class="pf-v6-c-card__body">This is a card</div>
306
306
  </div>
307
- <div class="pf-v5-c-card">
308
- <div class="pf-v5-c-card__body">This is a card</div>
307
+ <div class="pf-v6-c-card">
308
+ <div class="pf-v6-c-card__body">This is a card</div>
309
309
  </div>
310
- <div class="pf-v5-c-card">
311
- <div class="pf-v5-c-card__body">This is a card</div>
310
+ <div class="pf-v6-c-card">
311
+ <div class="pf-v6-c-card__body">This is a card</div>
312
312
  </div>
313
313
  </div>
314
314
  </div>
315
315
  </section>
316
316
  </main>
317
317
  </div>
318
- <div class="pf-v5-c-backdrop">
319
- <div class="pf-v5-l-bullseye">
318
+ <div class="pf-v6-c-backdrop">
319
+ <div class="pf-v6-l-bullseye">
320
320
  <div
321
- class="pf-v5-c-modal-box pf-m-lg"
321
+ class="pf-v6-c-modal-box pf-m-lg"
322
322
  role="dialog"
323
323
  aria-modal="true"
324
324
  aria-labelledby="about-modal-title"
325
325
  >
326
326
  <div
327
- class="pf-v5-c-about-modal-box"
328
- style="--pf-v5-c-about-modal-box--BackgroundImage: url(/assets/images/pf-background.svg)"
327
+ class="pf-v6-c-about-modal-box"
328
+ style="--pf-v6-c-about-modal-box--BackgroundImage: url(/assets/images/pf-background.svg)"
329
329
  >
330
- <div class="pf-v5-c-about-modal-box__brand">
330
+ <div class="pf-v6-c-about-modal-box__brand">
331
331
  <img
332
- class="pf-v5-c-about-modal-box__brand-image"
332
+ class="pf-v6-c-about-modal-box__brand-image"
333
333
  src="/assets/images/PF-IconLogo.svg"
334
334
  alt="PatternFly brand logo"
335
335
  />
336
336
  </div>
337
- <div class="pf-v5-c-about-modal-box__close">
337
+ <div class="pf-v6-c-about-modal-box__close">
338
338
  <button
339
- class="pf-v5-c-button pf-m-plain"
339
+ class="pf-v6-c-button pf-m-plain"
340
340
  type="button"
341
341
  aria-label="Close dialog"
342
342
  >
343
343
  <i class="fas fa-times" aria-hidden="true"></i>
344
344
  </button>
345
345
  </div>
346
- <div class="pf-v5-c-about-modal-box__header">
346
+ <div class="pf-v6-c-about-modal-box__header">
347
347
  <h1
348
- class="pf-v5-c-title pf-m-4xl"
348
+ class="pf-v6-c-title pf-m-4xl"
349
349
  id="about-modal-title"
350
350
  >Red Hat OpenShift Container Platform</h1>
351
351
  </div>
352
- <div class="pf-v5-c-about-modal-box__content">
353
- <div class="pf-v5-c-content">
352
+ <div class="pf-v6-c-about-modal-box__content">
353
+ <div class="pf-v6-c-content">
354
354
  <dl>
355
355
  <dt>CFME version</dt>
356
356
  <dd>5.5.3.4.20102789036450</dd>
@@ -369,7 +369,7 @@ This demo implements the about modal, including the backdrop.
369
369
  </dl>
370
370
  </div>
371
371
  <p
372
- class="pf-v5-c-about-modal-box__strapline"
372
+ class="pf-v6-c-about-modal-box__strapline"
373
373
  >Trademark and copyright information here</p>
374
374
  </div>
375
375
  </div>