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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +5 -5
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md CHANGED
@@ -8,22 +8,22 @@ cssPrefix: pf-v5-c-multiple-file-upload
8
8
  ### Basic
9
9
 
10
10
  ```html
11
- <div class="pf-v5-c-multiple-file-upload">
12
- <div class="pf-v5-c-multiple-file-upload__main">
13
- <div class="pf-v5-c-multiple-file-upload__title">
14
- <div class="pf-v5-c-multiple-file-upload__title-icon">
11
+ <div class="pf-v6-c-multiple-file-upload">
12
+ <div class="pf-v6-c-multiple-file-upload__main">
13
+ <div class="pf-v6-c-multiple-file-upload__title">
14
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
15
15
  <i class="fas fa-upload" aria-hidden="true"></i>
16
16
  </div>
17
- <div class="pf-v5-c-multiple-file-upload__title-text">
17
+ <div class="pf-v6-c-multiple-file-upload__title-text">
18
18
  Drag and drop files here
19
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
19
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
20
20
  </div>
21
21
  </div>
22
- <div class="pf-v5-c-multiple-file-upload__upload">
23
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
22
+ <div class="pf-v6-c-multiple-file-upload__upload">
23
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
24
24
  </div>
25
25
  <div
26
- class="pf-v5-c-multiple-file-upload__info"
26
+ class="pf-v6-c-multiple-file-upload__info"
27
27
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
28
28
  </div>
29
29
  </div>
@@ -33,22 +33,22 @@ cssPrefix: pf-v5-c-multiple-file-upload
33
33
  ### Drag over
34
34
 
35
35
  ```html
36
- <div class="pf-v5-c-multiple-file-upload pf-m-drag-over">
37
- <div class="pf-v5-c-multiple-file-upload__main">
38
- <div class="pf-v5-c-multiple-file-upload__title">
39
- <div class="pf-v5-c-multiple-file-upload__title-icon">
36
+ <div class="pf-v6-c-multiple-file-upload pf-m-drag-over">
37
+ <div class="pf-v6-c-multiple-file-upload__main">
38
+ <div class="pf-v6-c-multiple-file-upload__title">
39
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
40
40
  <i class="fas fa-upload" aria-hidden="true"></i>
41
41
  </div>
42
- <div class="pf-v5-c-multiple-file-upload__title-text">
42
+ <div class="pf-v6-c-multiple-file-upload__title-text">
43
43
  Drag and drop files here
44
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
44
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
45
45
  </div>
46
46
  </div>
47
- <div class="pf-v5-c-multiple-file-upload__upload">
48
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
47
+ <div class="pf-v6-c-multiple-file-upload__upload">
48
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
49
49
  </div>
50
50
  <div
51
- class="pf-v5-c-multiple-file-upload__info"
51
+ class="pf-v6-c-multiple-file-upload__info"
52
52
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
53
53
  </div>
54
54
  </div>
@@ -58,22 +58,22 @@ cssPrefix: pf-v5-c-multiple-file-upload
58
58
  ### Horizontal
59
59
 
60
60
  ```html
61
- <div class="pf-v5-c-multiple-file-upload pf-m-horizontal">
62
- <div class="pf-v5-c-multiple-file-upload__main">
63
- <div class="pf-v5-c-multiple-file-upload__title">
64
- <div class="pf-v5-c-multiple-file-upload__title-icon">
61
+ <div class="pf-v6-c-multiple-file-upload pf-m-horizontal">
62
+ <div class="pf-v6-c-multiple-file-upload__main">
63
+ <div class="pf-v6-c-multiple-file-upload__title">
64
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
65
65
  <i class="fas fa-upload" aria-hidden="true"></i>
66
66
  </div>
67
- <div class="pf-v5-c-multiple-file-upload__title-text">
67
+ <div class="pf-v6-c-multiple-file-upload__title-text">
68
68
  Drag and drop files here
69
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
69
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
70
70
  </div>
71
71
  </div>
72
- <div class="pf-v5-c-multiple-file-upload__upload">
73
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
72
+ <div class="pf-v6-c-multiple-file-upload__upload">
73
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
74
74
  </div>
75
75
  <div
76
- class="pf-v5-c-multiple-file-upload__info"
76
+ class="pf-v6-c-multiple-file-upload__info"
77
77
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
78
78
  </div>
79
79
  </div>
@@ -83,22 +83,22 @@ cssPrefix: pf-v5-c-multiple-file-upload
83
83
  ### Horizontal drag over
84
84
 
85
85
  ```html
86
- <div class="pf-v5-c-multiple-file-upload pf-m-horizontal pf-m-drag-over">
87
- <div class="pf-v5-c-multiple-file-upload__main">
88
- <div class="pf-v5-c-multiple-file-upload__title">
89
- <div class="pf-v5-c-multiple-file-upload__title-icon">
86
+ <div class="pf-v6-c-multiple-file-upload pf-m-horizontal pf-m-drag-over">
87
+ <div class="pf-v6-c-multiple-file-upload__main">
88
+ <div class="pf-v6-c-multiple-file-upload__title">
89
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
90
90
  <i class="fas fa-upload" aria-hidden="true"></i>
91
91
  </div>
92
- <div class="pf-v5-c-multiple-file-upload__title-text">
92
+ <div class="pf-v6-c-multiple-file-upload__title-text">
93
93
  Drag and drop files here
94
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
94
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
95
95
  </div>
96
96
  </div>
97
- <div class="pf-v5-c-multiple-file-upload__upload">
98
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
97
+ <div class="pf-v6-c-multiple-file-upload__upload">
98
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
99
99
  </div>
100
100
  <div
101
- class="pf-v5-c-multiple-file-upload__info"
101
+ class="pf-v6-c-multiple-file-upload__info"
102
102
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
103
103
  </div>
104
104
  </div>
@@ -108,58 +108,58 @@ cssPrefix: pf-v5-c-multiple-file-upload
108
108
  ### File upload status
109
109
 
110
110
  ```html
111
- <div class="pf-v5-c-multiple-file-upload">
112
- <div class="pf-v5-c-multiple-file-upload__main">
113
- <div class="pf-v5-c-multiple-file-upload__title">
114
- <div class="pf-v5-c-multiple-file-upload__title-icon">
111
+ <div class="pf-v6-c-multiple-file-upload">
112
+ <div class="pf-v6-c-multiple-file-upload__main">
113
+ <div class="pf-v6-c-multiple-file-upload__title">
114
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
115
115
  <i class="fas fa-upload" aria-hidden="true"></i>
116
116
  </div>
117
- <div class="pf-v5-c-multiple-file-upload__title-text">
117
+ <div class="pf-v6-c-multiple-file-upload__title-text">
118
118
  Drag and drop files here
119
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
119
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
120
120
  </div>
121
121
  </div>
122
- <div class="pf-v5-c-multiple-file-upload__upload">
123
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
122
+ <div class="pf-v6-c-multiple-file-upload__upload">
123
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
124
124
  </div>
125
125
  <div
126
- class="pf-v5-c-multiple-file-upload__info"
126
+ class="pf-v6-c-multiple-file-upload__info"
127
127
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
128
128
  </div>
129
- <div class="pf-v5-c-multiple-file-upload__status">
130
- <div class="pf-v5-c-expandable-section">
129
+ <div class="pf-v6-c-multiple-file-upload__status">
130
+ <div class="pf-v6-c-expandable-section">
131
131
  <button
132
132
  type="button"
133
- class="pf-v5-c-expandable-section__toggle"
133
+ class="pf-v6-c-expandable-section__toggle"
134
134
  aria-expanded="false"
135
135
  >
136
- <span class="pf-v5-c-expandable-section__toggle-icon">
136
+ <span class="pf-v6-c-expandable-section__toggle-icon">
137
137
  <i class="fas fa-angle-right" aria-hidden="true"></i>
138
138
  </span>
139
- <span class="pf-v5-c-expandable-section__toggle-text">
140
- <div class="pf-v5-c-multiple-file-upload__status-progress">
141
- <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
139
+ <span class="pf-v6-c-expandable-section__toggle-text">
140
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
141
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
142
142
  <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
143
143
  </div>
144
144
  <div
145
- class="pf-v5-c-multiple-file-upload__status-progress-text"
145
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
146
146
  >0 of 3 files uploaded</div>
147
147
  </div>
148
148
  </span>
149
149
  </button>
150
- <div class="pf-v5-c-expandable-section__content" hidden>
151
- <ul class="pf-v5-c-multiple-file-upload__status-list" role="list">
152
- <li class="pf-v5-c-multiple-file-upload__status-item">
153
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
150
+ <div class="pf-v6-c-expandable-section__content" hidden>
151
+ <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
152
+ <li class="pf-v6-c-multiple-file-upload__status-item">
153
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
154
154
  <i class="fas fa-file" aria-hidden="true"></i>
155
155
  </div>
156
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
156
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
157
157
  <div
158
- class="pf-v5-c-progress"
158
+ class="pf-v6-c-progress"
159
159
  id="multiple-file-upload-status-progress-png"
160
160
  >
161
161
  <div
162
- class="pf-v5-c-progress__description"
162
+ class="pf-v6-c-progress__description"
163
163
  id="multiple-file-upload-status-progress-png-description"
164
164
  >
165
165
  <span
@@ -173,24 +173,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
173
173
  >40 mb</span>
174
174
  </span>
175
175
  </div>
176
- <div class="pf-v5-c-progress__status" aria-hidden="true">
177
- <span class="pf-v5-c-progress__measure">35%</span>
176
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
177
+ <span class="pf-v6-c-progress__measure">35%</span>
178
178
  </div>
179
179
  <div
180
- class="pf-v5-c-progress__bar"
180
+ class="pf-v6-c-progress__bar"
181
181
  role="progressbar"
182
182
  aria-valuemin="0"
183
183
  aria-valuemax="100"
184
184
  aria-valuenow="35"
185
185
  aria-labelledby="multiple-file-upload-status-progress-png-description"
186
186
  >
187
- <div class="pf-v5-c-progress__indicator" style="width:35%;"></div>
187
+ <div class="pf-v6-c-progress__indicator" style="width:35%;"></div>
188
188
  </div>
189
189
  </div>
190
190
  </div>
191
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
191
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
192
192
  <button
193
- class="pf-v5-c-button pf-m-plain"
193
+ class="pf-v6-c-button pf-m-plain"
194
194
  type="button"
195
195
  aria-label="Remove from list"
196
196
  >
@@ -198,17 +198,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
198
198
  </button>
199
199
  </div>
200
200
  </li>
201
- <li class="pf-v5-c-multiple-file-upload__status-item">
202
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
201
+ <li class="pf-v6-c-multiple-file-upload__status-item">
202
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
203
203
  <i class="fas fa-file" aria-hidden="true"></i>
204
204
  </div>
205
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
205
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
206
206
  <div
207
- class="pf-v5-c-progress"
207
+ class="pf-v6-c-progress"
208
208
  id="multiple-file-upload-status-progress-doc"
209
209
  >
210
210
  <div
211
- class="pf-v5-c-progress__description"
211
+ class="pf-v6-c-progress__description"
212
212
  id="multiple-file-upload-status-progress-doc-description"
213
213
  >
214
214
  <span
@@ -222,24 +222,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
222
222
  >30 mb</span>
223
223
  </span>
224
224
  </div>
225
- <div class="pf-v5-c-progress__status" aria-hidden="true">
226
- <span class="pf-v5-c-progress__measure">70%</span>
225
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
226
+ <span class="pf-v6-c-progress__measure">70%</span>
227
227
  </div>
228
228
  <div
229
- class="pf-v5-c-progress__bar"
229
+ class="pf-v6-c-progress__bar"
230
230
  role="progressbar"
231
231
  aria-valuemin="0"
232
232
  aria-valuemax="100"
233
233
  aria-valuenow="70"
234
234
  aria-labelledby="multiple-file-upload-status-progress-doc-description"
235
235
  >
236
- <div class="pf-v5-c-progress__indicator" style="width:70%;"></div>
236
+ <div class="pf-v6-c-progress__indicator" style="width:70%;"></div>
237
237
  </div>
238
238
  </div>
239
239
  </div>
240
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
240
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
241
241
  <button
242
- class="pf-v5-c-button pf-m-plain"
242
+ class="pf-v6-c-button pf-m-plain"
243
243
  type="button"
244
244
  aria-label="Remove from list"
245
245
  >
@@ -247,17 +247,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
247
247
  </button>
248
248
  </div>
249
249
  </li>
250
- <li class="pf-v5-c-multiple-file-upload__status-item">
251
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
250
+ <li class="pf-v6-c-multiple-file-upload__status-item">
251
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
252
252
  <i class="fas fa-file" aria-hidden="true"></i>
253
253
  </div>
254
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
254
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
255
255
  <div
256
- class="pf-v5-c-progress"
256
+ class="pf-v6-c-progress"
257
257
  id="multiple-file-upload-status-progress-pdf"
258
258
  >
259
259
  <div
260
- class="pf-v5-c-progress__description"
260
+ class="pf-v6-c-progress__description"
261
261
  id="multiple-file-upload-status-progress-pdf-description"
262
262
  >
263
263
  <span
@@ -271,24 +271,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
271
271
  >25 mb</span>
272
272
  </span>
273
273
  </div>
274
- <div class="pf-v5-c-progress__status" aria-hidden="true">
275
- <span class="pf-v5-c-progress__measure">50%</span>
274
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
275
+ <span class="pf-v6-c-progress__measure">50%</span>
276
276
  </div>
277
277
  <div
278
- class="pf-v5-c-progress__bar"
278
+ class="pf-v6-c-progress__bar"
279
279
  role="progressbar"
280
280
  aria-valuemin="0"
281
281
  aria-valuemax="100"
282
282
  aria-valuenow="50"
283
283
  aria-labelledby="multiple-file-upload-status-progress-pdf-description"
284
284
  >
285
- <div class="pf-v5-c-progress__indicator" style="width:50%;"></div>
285
+ <div class="pf-v6-c-progress__indicator" style="width:50%;"></div>
286
286
  </div>
287
287
  </div>
288
288
  </div>
289
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
289
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
290
290
  <button
291
- class="pf-v5-c-button pf-m-plain"
291
+ class="pf-v6-c-button pf-m-plain"
292
292
  type="button"
293
293
  aria-label="Remove from list"
294
294
  >
@@ -307,58 +307,58 @@ cssPrefix: pf-v5-c-multiple-file-upload
307
307
  ### File upload status expanded
308
308
 
309
309
  ```html
310
- <div class="pf-v5-c-multiple-file-upload">
311
- <div class="pf-v5-c-multiple-file-upload__main">
312
- <div class="pf-v5-c-multiple-file-upload__title">
313
- <div class="pf-v5-c-multiple-file-upload__title-icon">
310
+ <div class="pf-v6-c-multiple-file-upload">
311
+ <div class="pf-v6-c-multiple-file-upload__main">
312
+ <div class="pf-v6-c-multiple-file-upload__title">
313
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
314
314
  <i class="fas fa-upload" aria-hidden="true"></i>
315
315
  </div>
316
- <div class="pf-v5-c-multiple-file-upload__title-text">
316
+ <div class="pf-v6-c-multiple-file-upload__title-text">
317
317
  Drag and drop files here
318
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
318
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
319
319
  </div>
320
320
  </div>
321
- <div class="pf-v5-c-multiple-file-upload__upload">
322
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
321
+ <div class="pf-v6-c-multiple-file-upload__upload">
322
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
323
323
  </div>
324
324
  <div
325
- class="pf-v5-c-multiple-file-upload__info"
325
+ class="pf-v6-c-multiple-file-upload__info"
326
326
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
327
327
  </div>
328
- <div class="pf-v5-c-multiple-file-upload__status">
329
- <div class="pf-v5-c-expandable-section pf-m-expanded">
328
+ <div class="pf-v6-c-multiple-file-upload__status">
329
+ <div class="pf-v6-c-expandable-section pf-m-expanded">
330
330
  <button
331
331
  type="button"
332
- class="pf-v5-c-expandable-section__toggle"
332
+ class="pf-v6-c-expandable-section__toggle"
333
333
  aria-expanded="true"
334
334
  >
335
- <span class="pf-v5-c-expandable-section__toggle-icon">
335
+ <span class="pf-v6-c-expandable-section__toggle-icon">
336
336
  <i class="fas fa-angle-right" aria-hidden="true"></i>
337
337
  </span>
338
- <span class="pf-v5-c-expandable-section__toggle-text">
339
- <div class="pf-v5-c-multiple-file-upload__status-progress">
340
- <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
338
+ <span class="pf-v6-c-expandable-section__toggle-text">
339
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
340
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
341
341
  <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
342
342
  </div>
343
343
  <div
344
- class="pf-v5-c-multiple-file-upload__status-progress-text"
344
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
345
345
  >0 of 3 files uploaded</div>
346
346
  </div>
347
347
  </span>
348
348
  </button>
349
- <div class="pf-v5-c-expandable-section__content">
350
- <ul class="pf-v5-c-multiple-file-upload__status-list" role="list">
351
- <li class="pf-v5-c-multiple-file-upload__status-item">
352
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
349
+ <div class="pf-v6-c-expandable-section__content">
350
+ <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
351
+ <li class="pf-v6-c-multiple-file-upload__status-item">
352
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
353
353
  <i class="fas fa-file" aria-hidden="true"></i>
354
354
  </div>
355
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
355
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
356
356
  <div
357
- class="pf-v5-c-progress"
357
+ class="pf-v6-c-progress"
358
358
  id="multiple-file-upload-status-expanded-progress-png"
359
359
  >
360
360
  <div
361
- class="pf-v5-c-progress__description"
361
+ class="pf-v6-c-progress__description"
362
362
  id="multiple-file-upload-status-expanded-progress-png-description"
363
363
  >
364
364
  <span
@@ -372,24 +372,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
372
372
  >40 mb</span>
373
373
  </span>
374
374
  </div>
375
- <div class="pf-v5-c-progress__status" aria-hidden="true">
376
- <span class="pf-v5-c-progress__measure">35%</span>
375
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
376
+ <span class="pf-v6-c-progress__measure">35%</span>
377
377
  </div>
378
378
  <div
379
- class="pf-v5-c-progress__bar"
379
+ class="pf-v6-c-progress__bar"
380
380
  role="progressbar"
381
381
  aria-valuemin="0"
382
382
  aria-valuemax="100"
383
383
  aria-valuenow="35"
384
384
  aria-labelledby="multiple-file-upload-status-expanded-progress-png-description"
385
385
  >
386
- <div class="pf-v5-c-progress__indicator" style="width:35%;"></div>
386
+ <div class="pf-v6-c-progress__indicator" style="width:35%;"></div>
387
387
  </div>
388
388
  </div>
389
389
  </div>
390
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
390
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
391
391
  <button
392
- class="pf-v5-c-button pf-m-plain"
392
+ class="pf-v6-c-button pf-m-plain"
393
393
  type="button"
394
394
  aria-label="Remove from list"
395
395
  >
@@ -397,17 +397,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
397
397
  </button>
398
398
  </div>
399
399
  </li>
400
- <li class="pf-v5-c-multiple-file-upload__status-item">
401
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
400
+ <li class="pf-v6-c-multiple-file-upload__status-item">
401
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
402
402
  <i class="fas fa-file" aria-hidden="true"></i>
403
403
  </div>
404
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
404
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
405
405
  <div
406
- class="pf-v5-c-progress"
406
+ class="pf-v6-c-progress"
407
407
  id="multiple-file-upload-status-expanded-progress-doc"
408
408
  >
409
409
  <div
410
- class="pf-v5-c-progress__description"
410
+ class="pf-v6-c-progress__description"
411
411
  id="multiple-file-upload-status-expanded-progress-doc-description"
412
412
  >
413
413
  <span
@@ -421,24 +421,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
421
421
  >30 mb</span>
422
422
  </span>
423
423
  </div>
424
- <div class="pf-v5-c-progress__status" aria-hidden="true">
425
- <span class="pf-v5-c-progress__measure">70%</span>
424
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
425
+ <span class="pf-v6-c-progress__measure">70%</span>
426
426
  </div>
427
427
  <div
428
- class="pf-v5-c-progress__bar"
428
+ class="pf-v6-c-progress__bar"
429
429
  role="progressbar"
430
430
  aria-valuemin="0"
431
431
  aria-valuemax="100"
432
432
  aria-valuenow="70"
433
433
  aria-labelledby="multiple-file-upload-status-expanded-progress-doc-description"
434
434
  >
435
- <div class="pf-v5-c-progress__indicator" style="width:70%;"></div>
435
+ <div class="pf-v6-c-progress__indicator" style="width:70%;"></div>
436
436
  </div>
437
437
  </div>
438
438
  </div>
439
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
439
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
440
440
  <button
441
- class="pf-v5-c-button pf-m-plain"
441
+ class="pf-v6-c-button pf-m-plain"
442
442
  type="button"
443
443
  aria-label="Remove from list"
444
444
  >
@@ -446,17 +446,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
446
446
  </button>
447
447
  </div>
448
448
  </li>
449
- <li class="pf-v5-c-multiple-file-upload__status-item">
450
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
449
+ <li class="pf-v6-c-multiple-file-upload__status-item">
450
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
451
451
  <i class="fas fa-file" aria-hidden="true"></i>
452
452
  </div>
453
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
453
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
454
454
  <div
455
- class="pf-v5-c-progress"
455
+ class="pf-v6-c-progress"
456
456
  id="multiple-file-upload-status-expanded-progress-pdf"
457
457
  >
458
458
  <div
459
- class="pf-v5-c-progress__description"
459
+ class="pf-v6-c-progress__description"
460
460
  id="multiple-file-upload-status-expanded-progress-pdf-description"
461
461
  >
462
462
  <span
@@ -470,24 +470,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
470
470
  >25 mb</span>
471
471
  </span>
472
472
  </div>
473
- <div class="pf-v5-c-progress__status" aria-hidden="true">
474
- <span class="pf-v5-c-progress__measure">50%</span>
473
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
474
+ <span class="pf-v6-c-progress__measure">50%</span>
475
475
  </div>
476
476
  <div
477
- class="pf-v5-c-progress__bar"
477
+ class="pf-v6-c-progress__bar"
478
478
  role="progressbar"
479
479
  aria-valuemin="0"
480
480
  aria-valuemax="100"
481
481
  aria-valuenow="50"
482
482
  aria-labelledby="multiple-file-upload-status-expanded-progress-pdf-description"
483
483
  >
484
- <div class="pf-v5-c-progress__indicator" style="width:50%;"></div>
484
+ <div class="pf-v6-c-progress__indicator" style="width:50%;"></div>
485
485
  </div>
486
486
  </div>
487
487
  </div>
488
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
488
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
489
489
  <button
490
- class="pf-v5-c-button pf-m-plain"
490
+ class="pf-v6-c-button pf-m-plain"
491
491
  type="button"
492
492
  aria-label="Remove from list"
493
493
  >
@@ -506,58 +506,58 @@ cssPrefix: pf-v5-c-multiple-file-upload
506
506
  ### Horizontal file upload status expanded
507
507
 
508
508
  ```html
509
- <div class="pf-v5-c-multiple-file-upload pf-m-horizontal">
510
- <div class="pf-v5-c-multiple-file-upload__main">
511
- <div class="pf-v5-c-multiple-file-upload__title">
512
- <div class="pf-v5-c-multiple-file-upload__title-icon">
509
+ <div class="pf-v6-c-multiple-file-upload pf-m-horizontal">
510
+ <div class="pf-v6-c-multiple-file-upload__main">
511
+ <div class="pf-v6-c-multiple-file-upload__title">
512
+ <div class="pf-v6-c-multiple-file-upload__title-icon">
513
513
  <i class="fas fa-upload" aria-hidden="true"></i>
514
514
  </div>
515
- <div class="pf-v5-c-multiple-file-upload__title-text">
515
+ <div class="pf-v6-c-multiple-file-upload__title-text">
516
516
  Drag and drop files here
517
- <div class="pf-v5-c-multiple-file-upload__title-text-separator">or</div>
517
+ <div class="pf-v6-c-multiple-file-upload__title-text-separator">or</div>
518
518
  </div>
519
519
  </div>
520
- <div class="pf-v5-c-multiple-file-upload__upload">
521
- <button class="pf-v5-c-button pf-m-secondary" type="button">Upload</button>
520
+ <div class="pf-v6-c-multiple-file-upload__upload">
521
+ <button class="pf-v6-c-button pf-m-secondary" type="button">Upload</button>
522
522
  </div>
523
523
  <div
524
- class="pf-v5-c-multiple-file-upload__info"
524
+ class="pf-v6-c-multiple-file-upload__info"
525
525
  >Accepted file types: JPEG, Doc, PDF, PNG</div>
526
526
  </div>
527
- <div class="pf-v5-c-multiple-file-upload__status">
528
- <div class="pf-v5-c-expandable-section pf-m-expanded">
527
+ <div class="pf-v6-c-multiple-file-upload__status">
528
+ <div class="pf-v6-c-expandable-section pf-m-expanded">
529
529
  <button
530
530
  type="button"
531
- class="pf-v5-c-expandable-section__toggle"
531
+ class="pf-v6-c-expandable-section__toggle"
532
532
  aria-expanded="true"
533
533
  >
534
- <span class="pf-v5-c-expandable-section__toggle-icon">
534
+ <span class="pf-v6-c-expandable-section__toggle-icon">
535
535
  <i class="fas fa-angle-right" aria-hidden="true"></i>
536
536
  </span>
537
- <span class="pf-v5-c-expandable-section__toggle-text">
538
- <div class="pf-v5-c-multiple-file-upload__status-progress">
539
- <div class="pf-v5-c-multiple-file-upload__status-progress-icon">
537
+ <span class="pf-v6-c-expandable-section__toggle-text">
538
+ <div class="pf-v6-c-multiple-file-upload__status-progress">
539
+ <div class="pf-v6-c-multiple-file-upload__status-progress-icon">
540
540
  <i class="pf-v5-pficon pf-v5-pficon-in-progress"></i>
541
541
  </div>
542
542
  <div
543
- class="pf-v5-c-multiple-file-upload__status-progress-text"
543
+ class="pf-v6-c-multiple-file-upload__status-progress-text"
544
544
  >0 of 3 files uploaded</div>
545
545
  </div>
546
546
  </span>
547
547
  </button>
548
- <div class="pf-v5-c-expandable-section__content">
549
- <ul class="pf-v5-c-multiple-file-upload__status-list" role="list">
550
- <li class="pf-v5-c-multiple-file-upload__status-item">
551
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
548
+ <div class="pf-v6-c-expandable-section__content">
549
+ <ul class="pf-v6-c-multiple-file-upload__status-list" role="list">
550
+ <li class="pf-v6-c-multiple-file-upload__status-item">
551
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
552
552
  <i class="fas fa-file" aria-hidden="true"></i>
553
553
  </div>
554
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
554
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
555
555
  <div
556
- class="pf-v5-c-progress"
556
+ class="pf-v6-c-progress"
557
557
  id="multiple-file-upload-status-horizontal-expanded-progress-png"
558
558
  >
559
559
  <div
560
- class="pf-v5-c-progress__description"
560
+ class="pf-v6-c-progress__description"
561
561
  id="multiple-file-upload-status-horizontal-expanded-progress-png-description"
562
562
  >
563
563
  <span
@@ -571,24 +571,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
571
571
  >40 mb</span>
572
572
  </span>
573
573
  </div>
574
- <div class="pf-v5-c-progress__status" aria-hidden="true">
575
- <span class="pf-v5-c-progress__measure">35%</span>
574
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
575
+ <span class="pf-v6-c-progress__measure">35%</span>
576
576
  </div>
577
577
  <div
578
- class="pf-v5-c-progress__bar"
578
+ class="pf-v6-c-progress__bar"
579
579
  role="progressbar"
580
580
  aria-valuemin="0"
581
581
  aria-valuemax="100"
582
582
  aria-valuenow="35"
583
583
  aria-labelledby="multiple-file-upload-status-horizontal-expanded-progress-png-description"
584
584
  >
585
- <div class="pf-v5-c-progress__indicator" style="width:35%;"></div>
585
+ <div class="pf-v6-c-progress__indicator" style="width:35%;"></div>
586
586
  </div>
587
587
  </div>
588
588
  </div>
589
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
589
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
590
590
  <button
591
- class="pf-v5-c-button pf-m-plain"
591
+ class="pf-v6-c-button pf-m-plain"
592
592
  type="button"
593
593
  aria-label="Remove from list"
594
594
  >
@@ -596,17 +596,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
596
596
  </button>
597
597
  </div>
598
598
  </li>
599
- <li class="pf-v5-c-multiple-file-upload__status-item">
600
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
599
+ <li class="pf-v6-c-multiple-file-upload__status-item">
600
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
601
601
  <i class="fas fa-file" aria-hidden="true"></i>
602
602
  </div>
603
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
603
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
604
604
  <div
605
- class="pf-v5-c-progress"
605
+ class="pf-v6-c-progress"
606
606
  id="multiple-file-upload-status-horizontal-expanded-progress-doc"
607
607
  >
608
608
  <div
609
- class="pf-v5-c-progress__description"
609
+ class="pf-v6-c-progress__description"
610
610
  id="multiple-file-upload-status-horizontal-expanded-progress-doc-description"
611
611
  >
612
612
  <span
@@ -620,24 +620,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
620
620
  >30 mb</span>
621
621
  </span>
622
622
  </div>
623
- <div class="pf-v5-c-progress__status" aria-hidden="true">
624
- <span class="pf-v5-c-progress__measure">70%</span>
623
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
624
+ <span class="pf-v6-c-progress__measure">70%</span>
625
625
  </div>
626
626
  <div
627
- class="pf-v5-c-progress__bar"
627
+ class="pf-v6-c-progress__bar"
628
628
  role="progressbar"
629
629
  aria-valuemin="0"
630
630
  aria-valuemax="100"
631
631
  aria-valuenow="70"
632
632
  aria-labelledby="multiple-file-upload-status-horizontal-expanded-progress-doc-description"
633
633
  >
634
- <div class="pf-v5-c-progress__indicator" style="width:70%;"></div>
634
+ <div class="pf-v6-c-progress__indicator" style="width:70%;"></div>
635
635
  </div>
636
636
  </div>
637
637
  </div>
638
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
638
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
639
639
  <button
640
- class="pf-v5-c-button pf-m-plain"
640
+ class="pf-v6-c-button pf-m-plain"
641
641
  type="button"
642
642
  aria-label="Remove from list"
643
643
  >
@@ -645,17 +645,17 @@ cssPrefix: pf-v5-c-multiple-file-upload
645
645
  </button>
646
646
  </div>
647
647
  </li>
648
- <li class="pf-v5-c-multiple-file-upload__status-item">
649
- <div class="pf-v5-c-multiple-file-upload__status-item-icon">
648
+ <li class="pf-v6-c-multiple-file-upload__status-item">
649
+ <div class="pf-v6-c-multiple-file-upload__status-item-icon">
650
650
  <i class="fas fa-file" aria-hidden="true"></i>
651
651
  </div>
652
- <div class="pf-v5-c-multiple-file-upload__status-item-main">
652
+ <div class="pf-v6-c-multiple-file-upload__status-item-main">
653
653
  <div
654
- class="pf-v5-c-progress"
654
+ class="pf-v6-c-progress"
655
655
  id="multiple-file-upload-status-horizontal-expanded-progress-pdf"
656
656
  >
657
657
  <div
658
- class="pf-v5-c-progress__description"
658
+ class="pf-v6-c-progress__description"
659
659
  id="multiple-file-upload-status-horizontal-expanded-progress-pdf-description"
660
660
  >
661
661
  <span
@@ -669,24 +669,24 @@ cssPrefix: pf-v5-c-multiple-file-upload
669
669
  >25 mb</span>
670
670
  </span>
671
671
  </div>
672
- <div class="pf-v5-c-progress__status" aria-hidden="true">
673
- <span class="pf-v5-c-progress__measure">50%</span>
672
+ <div class="pf-v6-c-progress__status" aria-hidden="true">
673
+ <span class="pf-v6-c-progress__measure">50%</span>
674
674
  </div>
675
675
  <div
676
- class="pf-v5-c-progress__bar"
676
+ class="pf-v6-c-progress__bar"
677
677
  role="progressbar"
678
678
  aria-valuemin="0"
679
679
  aria-valuemax="100"
680
680
  aria-valuenow="50"
681
681
  aria-labelledby="multiple-file-upload-status-horizontal-expanded-progress-pdf-description"
682
682
  >
683
- <div class="pf-v5-c-progress__indicator" style="width:50%;"></div>
683
+ <div class="pf-v6-c-progress__indicator" style="width:50%;"></div>
684
684
  </div>
685
685
  </div>
686
686
  </div>
687
- <div class="pf-v5-c-multiple-file-upload__status-item-close">
687
+ <div class="pf-v6-c-multiple-file-upload__status-item-close">
688
688
  <button
689
- class="pf-v5-c-button pf-m-plain"
689
+ class="pf-v6-c-button pf-m-plain"
690
690
  type="button"
691
691
  aria-label="Remove from list"
692
692
  >