@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/FileUpload/examples/FileUpload.md CHANGED
@@ -8,11 +8,11 @@ cssPrefix: pf-v5-c-file-upload
8
8
  ### Basic file upload
9
9
 
10
10
  ```html
11
- <div class="pf-v5-c-file-upload">
12
- <div class="pf-v5-c-file-upload__file-select">
13
- <div class="pf-v5-c-input-group">
14
- <div class="pf-v5-c-input-group__item pf-m-fill">
15
- <span class="pf-v5-c-form-control pf-m-readonly">
11
+ <div class="pf-v6-c-file-upload">
12
+ <div class="pf-v6-c-file-upload__file-select">
13
+ <div class="pf-v6-c-input-group">
14
+ <div class="pf-v6-c-input-group__item pf-m-fill">
15
+ <span class="pf-v6-c-form-control pf-m-readonly">
16
16
  <input
17
17
  readonly
18
18
  id="basic-file-upload-text-input"
@@ -23,20 +23,20 @@ cssPrefix: pf-v5-c-file-upload
23
23
  />
24
24
  </span>
25
25
  </div>
26
- <div class="pf-v5-c-input-group__item">
26
+ <div class="pf-v6-c-input-group__item">
27
27
  <button
28
- class="pf-v5-c-button pf-m-control"
28
+ class="pf-v6-c-button pf-m-control"
29
29
  type="button"
30
30
  id="basic-file-upload-browse"
31
31
  >Upload</button>
32
32
  </div>
33
- <div class="pf-v5-c-input-group__item">
34
- <button class="pf-v5-c-button pf-m-control" type="button" disabled>Clear</button>
33
+ <div class="pf-v6-c-input-group__item">
34
+ <button class="pf-v6-c-button pf-m-control" type="button" disabled>Clear</button>
35
35
  </div>
36
36
  </div>
37
37
  </div>
38
- <div class="pf-v5-c-file-upload__file-details">
39
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
38
+ <div class="pf-v6-c-file-upload__file-details">
39
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
40
40
  <textarea
41
41
  id="basic-file-upload-file-details"
42
42
  name="basic-file-upload-file-details"
@@ -51,11 +51,11 @@ cssPrefix: pf-v5-c-file-upload
51
51
  ### With helper text
52
52
 
53
53
  ```html
54
- <div class="pf-v5-c-file-upload">
55
- <div class="pf-v5-c-file-upload__file-select">
56
- <div class="pf-v5-c-input-group">
57
- <div class="pf-v5-c-input-group__item pf-m-fill">
58
- <span class="pf-v5-c-form-control pf-m-readonly">
54
+ <div class="pf-v6-c-file-upload">
55
+ <div class="pf-v6-c-file-upload__file-select">
56
+ <div class="pf-v6-c-input-group">
57
+ <div class="pf-v6-c-input-group__item pf-m-fill">
58
+ <span class="pf-v6-c-form-control pf-m-readonly">
59
59
  <input
60
60
  readonly
61
61
  id="file-upload-helper-text-text-input"
@@ -66,21 +66,21 @@ cssPrefix: pf-v5-c-file-upload
66
66
  />
67
67
  </span>
68
68
  </div>
69
- <div class="pf-v5-c-input-group__item">
69
+ <div class="pf-v6-c-input-group__item">
70
70
  <button
71
- class="pf-v5-c-button pf-m-control"
71
+ class="pf-v6-c-button pf-m-control"
72
72
  type="button"
73
73
  id="file-upload-helper-text-browse"
74
74
  aria-describedby="helper-text-example"
75
75
  >Upload</button>
76
76
  </div>
77
- <div class="pf-v5-c-input-group__item">
78
- <button class="pf-v5-c-button pf-m-control" type="button" disabled>Clear</button>
77
+ <div class="pf-v6-c-input-group__item">
78
+ <button class="pf-v6-c-button pf-m-control" type="button" disabled>Clear</button>
79
79
  </div>
80
80
  </div>
81
81
  </div>
82
- <div class="pf-v5-c-file-upload__file-details">
83
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
82
+ <div class="pf-v6-c-file-upload__file-details">
83
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
84
84
  <textarea
85
85
  id="file-upload-helper-text-file-details"
86
86
  name="file-upload-helper-text-file-details"
@@ -88,10 +88,10 @@ cssPrefix: pf-v5-c-file-upload
88
88
  ></textarea>
89
89
  </span>
90
90
  </div>
91
- <div class="pf-v5-c-file-upload__helper-text">
92
- <div class="pf-v5-c-helper-text">
93
- <div class="pf-v5-c-helper-text__item" id="helper-text-example">
94
- <span class="pf-v5-c-helper-text__item-text">Upload a CSV file</span>
91
+ <div class="pf-v6-c-file-upload__helper-text">
92
+ <div class="pf-v6-c-helper-text">
93
+ <div class="pf-v6-c-helper-text__item" id="helper-text-example">
94
+ <span class="pf-v6-c-helper-text__item-text">Upload a CSV file</span>
95
95
  </div>
96
96
  </div>
97
97
  </div>
@@ -102,11 +102,11 @@ cssPrefix: pf-v5-c-file-upload
102
102
  ### Upload complete non editable
103
103
 
104
104
  ```html
105
- <div class="pf-v5-c-file-upload">
106
- <div class="pf-v5-c-file-upload__file-select">
107
- <div class="pf-v5-c-input-group">
108
- <div class="pf-v5-c-input-group__item pf-m-fill">
109
- <span class="pf-v5-c-form-control pf-m-readonly">
105
+ <div class="pf-v6-c-file-upload">
106
+ <div class="pf-v6-c-file-upload__file-select">
107
+ <div class="pf-v6-c-input-group">
108
+ <div class="pf-v6-c-input-group__item pf-m-fill">
109
+ <span class="pf-v6-c-form-control pf-m-readonly">
110
110
  <input
111
111
  readonly
112
112
  id="browsed-file-upload-complete-text-input"
@@ -117,20 +117,20 @@ cssPrefix: pf-v5-c-file-upload
117
117
  />
118
118
  </span>
119
119
  </div>
120
- <div class="pf-v5-c-input-group__item">
120
+ <div class="pf-v6-c-input-group__item">
121
121
  <button
122
- class="pf-v5-c-button pf-m-control"
122
+ class="pf-v6-c-button pf-m-control"
123
123
  type="button"
124
124
  id="browsed-file-upload-complete-browse"
125
125
  >Upload</button>
126
126
  </div>
127
- <div class="pf-v5-c-input-group__item">
128
- <button class="pf-v5-c-button pf-m-control" type="button">Clear</button>
127
+ <div class="pf-v6-c-input-group__item">
128
+ <button class="pf-v6-c-button pf-m-control" type="button">Clear</button>
129
129
  </div>
130
130
  </div>
131
131
  </div>
132
- <div class="pf-v5-c-file-upload__file-details">
133
- <span class="pf-v5-c-form-control pf-m-readonly pf-m-resize-vertical">
132
+ <div class="pf-v6-c-file-upload__file-details">
133
+ <span class="pf-v6-c-form-control pf-m-readonly pf-m-resize-vertical">
134
134
  <textarea
135
135
  readonly
136
136
  id="browsed-file-upload-complete-file-details"
@@ -148,11 +148,11 @@ cssPrefix: pf-v5-c-file-upload
148
148
  ### Upload complete editable
149
149
 
150
150
  ```html
151
- <div class="pf-v5-c-file-upload">
152
- <div class="pf-v5-c-file-upload__file-select">
153
- <div class="pf-v5-c-input-group">
154
- <div class="pf-v5-c-input-group__item pf-m-fill">
155
- <span class="pf-v5-c-form-control pf-m-readonly">
151
+ <div class="pf-v6-c-file-upload">
152
+ <div class="pf-v6-c-file-upload__file-select">
153
+ <div class="pf-v6-c-input-group">
154
+ <div class="pf-v6-c-input-group__item pf-m-fill">
155
+ <span class="pf-v6-c-form-control pf-m-readonly">
156
156
  <input
157
157
  readonly
158
158
  id="drop-file-text-input"
@@ -163,20 +163,20 @@ cssPrefix: pf-v5-c-file-upload
163
163
  />
164
164
  </span>
165
165
  </div>
166
- <div class="pf-v5-c-input-group__item">
166
+ <div class="pf-v6-c-input-group__item">
167
167
  <button
168
- class="pf-v5-c-button pf-m-control"
168
+ class="pf-v6-c-button pf-m-control"
169
169
  type="button"
170
170
  id="drop-file-browse"
171
171
  >Upload</button>
172
172
  </div>
173
- <div class="pf-v5-c-input-group__item">
174
- <button class="pf-v5-c-button pf-m-control" type="button">Clear</button>
173
+ <div class="pf-v6-c-input-group__item">
174
+ <button class="pf-v6-c-button pf-m-control" type="button">Clear</button>
175
175
  </div>
176
176
  </div>
177
177
  </div>
178
- <div class="pf-v5-c-file-upload__file-details">
179
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
178
+ <div class="pf-v6-c-file-upload__file-details">
179
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
180
180
  <textarea
181
181
  id="drop-file-file-details"
182
182
  name="drop-file-file-details"
@@ -193,11 +193,11 @@ cssPrefix: pf-v5-c-file-upload
193
193
  ### Drag file hover component
194
194
 
195
195
  ```html
196
- <div class="pf-v5-c-file-upload pf-m-drag-hover">
197
- <div class="pf-v5-c-file-upload__file-select">
198
- <div class="pf-v5-c-input-group">
199
- <div class="pf-v5-c-input-group__item pf-m-fill">
200
- <span class="pf-v5-c-form-control pf-m-readonly">
196
+ <div class="pf-v6-c-file-upload pf-m-drag-hover">
197
+ <div class="pf-v6-c-file-upload__file-select">
198
+ <div class="pf-v6-c-input-group">
199
+ <div class="pf-v6-c-input-group__item pf-m-fill">
200
+ <span class="pf-v6-c-form-control pf-m-readonly">
201
201
  <input
202
202
  readonly
203
203
  id="drag-file-hover-component-text-input"
@@ -208,20 +208,20 @@ cssPrefix: pf-v5-c-file-upload
208
208
  />
209
209
  </span>
210
210
  </div>
211
- <div class="pf-v5-c-input-group__item">
211
+ <div class="pf-v6-c-input-group__item">
212
212
  <button
213
- class="pf-v5-c-button pf-m-control"
213
+ class="pf-v6-c-button pf-m-control"
214
214
  type="button"
215
215
  id="drag-file-hover-component-browse"
216
216
  >Upload</button>
217
217
  </div>
218
- <div class="pf-v5-c-input-group__item">
219
- <button class="pf-v5-c-button pf-m-control" type="button" disabled>Clear</button>
218
+ <div class="pf-v6-c-input-group__item">
219
+ <button class="pf-v6-c-button pf-m-control" type="button" disabled>Clear</button>
220
220
  </div>
221
221
  </div>
222
222
  </div>
223
- <div class="pf-v5-c-file-upload__file-details">
224
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
223
+ <div class="pf-v6-c-file-upload__file-details">
224
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
225
225
  <textarea
226
226
  id="drag-file-hover-component-file-details"
227
227
  name="drag-file-hover-component-file-details"
@@ -236,14 +236,14 @@ cssPrefix: pf-v5-c-file-upload
236
236
  ### File upload in form with error
237
237
 
238
238
  ```html
239
- <form class="pf-v5-c-form" novalidate>
240
- <div class="pf-v5-c-form__group">
241
- <div class="pf-v5-c-form__group-control">
242
- <div class="pf-v5-c-file-upload">
243
- <div class="pf-v5-c-file-upload__file-select">
244
- <div class="pf-v5-c-input-group">
245
- <div class="pf-v5-c-input-group__item pf-m-fill">
246
- <span class="pf-v5-c-form-control pf-m-readonly">
239
+ <form class="pf-v6-c-form" novalidate>
240
+ <div class="pf-v6-c-form__group">
241
+ <div class="pf-v6-c-form__group-control">
242
+ <div class="pf-v6-c-file-upload">
243
+ <div class="pf-v6-c-file-upload__file-select">
244
+ <div class="pf-v6-c-input-group">
245
+ <div class="pf-v6-c-input-group__item pf-m-fill">
246
+ <span class="pf-v6-c-form-control pf-m-readonly">
247
247
  <input
248
248
  readonly
249
249
  id="file-upload-error-text-input"
@@ -254,25 +254,25 @@ cssPrefix: pf-v5-c-file-upload
254
254
  />
255
255
  </span>
256
256
  </div>
257
- <div class="pf-v5-c-input-group__item">
257
+ <div class="pf-v6-c-input-group__item">
258
258
  <button
259
- class="pf-v5-c-button pf-m-control"
259
+ class="pf-v6-c-button pf-m-control"
260
260
  type="button"
261
261
  id="file-upload-error-browse"
262
262
  aria-describedby="with-error-example-helper-text"
263
263
  >Upload</button>
264
264
  </div>
265
- <div class="pf-v5-c-input-group__item">
266
- <button class="pf-v5-c-button pf-m-control" type="button">Clear</button>
265
+ <div class="pf-v6-c-input-group__item">
266
+ <button class="pf-v6-c-button pf-m-control" type="button">Clear</button>
267
267
  </div>
268
268
  </div>
269
269
  </div>
270
270
  <div
271
- class="pf-v5-c-file-upload__file-details"
271
+ class="pf-v6-c-file-upload__file-details"
272
272
  aria-describedby="with-error-example-helper-text"
273
273
  aria-invalid="true"
274
274
  >
275
- <span class="pf-v5-c-form-control pf-m-error pf-m-resize-vertical">
275
+ <span class="pf-v6-c-form-control pf-m-error pf-m-resize-vertical">
276
276
  <textarea
277
277
  id="file-upload-error-file-details"
278
278
  name="file-upload-error-file-details"
@@ -280,25 +280,25 @@ cssPrefix: pf-v5-c-file-upload
280
280
  aria-describedby="with-error-example-helper-text"
281
281
  aria-invalid="true"
282
282
  ></textarea>
283
- <span class="pf-v5-c-form-control__utilities">
284
- <span class="pf-v5-c-form-control__icon pf-m-status">
283
+ <span class="pf-v6-c-form-control__utilities">
284
+ <span class="pf-v6-c-form-control__icon pf-m-status">
285
285
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
286
286
  </span>
287
287
  </span>
288
288
  </span>
289
289
  </div>
290
290
 
291
- <div class="pf-v5-c-file-upload__helper-text">
292
- <div class="pf-v5-c-helper-text">
291
+ <div class="pf-v6-c-file-upload__helper-text">
292
+ <div class="pf-v6-c-helper-text">
293
293
  <div
294
- class="pf-v5-c-helper-text__item pf-m-error"
294
+ class="pf-v6-c-helper-text__item pf-m-error"
295
295
  id="with-error-example-helper-text"
296
296
  >
297
- <span class="pf-v5-c-helper-text__item-icon">
297
+ <span class="pf-v6-c-helper-text__item-icon">
298
298
  <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
299
299
  </span>
300
300
  <span
301
- class="pf-v5-c-helper-text__item-text"
301
+ class="pf-v6-c-helper-text__item-text"
302
302
  >Must be a CSV file no larger than 1 KB</span>
303
303
  </div>
304
304
  </div>
@@ -313,11 +313,11 @@ cssPrefix: pf-v5-c-file-upload
313
313
  ### File upload loading
314
314
 
315
315
  ```html
316
- <div class="pf-v5-c-file-upload pf-m-loading">
317
- <div class="pf-v5-c-file-upload__file-select">
318
- <div class="pf-v5-c-input-group">
319
- <div class="pf-v5-c-input-group__item pf-m-fill">
320
- <span class="pf-v5-c-form-control pf-m-readonly">
316
+ <div class="pf-v6-c-file-upload pf-m-loading">
317
+ <div class="pf-v6-c-file-upload__file-select">
318
+ <div class="pf-v6-c-input-group">
319
+ <div class="pf-v6-c-input-group__item pf-m-fill">
320
+ <span class="pf-v6-c-form-control pf-m-readonly">
321
321
  <input
322
322
  readonly
323
323
  id="file-upload-loading-text-input"
@@ -328,21 +328,21 @@ cssPrefix: pf-v5-c-file-upload
328
328
  />
329
329
  </span>
330
330
  </div>
331
- <div class="pf-v5-c-input-group__item">
331
+ <div class="pf-v6-c-input-group__item">
332
332
  <button
333
- class="pf-v5-c-button pf-m-control"
333
+ class="pf-v6-c-button pf-m-control"
334
334
  type="button"
335
335
  disabled
336
336
  id="file-upload-loading-browse"
337
337
  >Upload</button>
338
338
  </div>
339
- <div class="pf-v5-c-input-group__item">
340
- <button class="pf-v5-c-button pf-m-control" type="button">Clear</button>
339
+ <div class="pf-v6-c-input-group__item">
340
+ <button class="pf-v6-c-button pf-m-control" type="button">Clear</button>
341
341
  </div>
342
342
  </div>
343
343
  </div>
344
- <div class="pf-v5-c-file-upload__file-details">
345
- <span class="pf-v5-c-form-control pf-m-resize-vertical">
344
+ <div class="pf-v6-c-file-upload__file-details">
345
+ <span class="pf-v6-c-form-control pf-m-resize-vertical">
346
346
  <textarea
347
347
  id="file-upload-loading-file-details"
348
348
  name="file-upload-loading-file-details"
@@ -352,15 +352,15 @@ cssPrefix: pf-v5-c-file-upload
352
352
  </textarea>
353
353
  </span>
354
354
 
355
- <div class="pf-v5-c-file-upload__file-details-spinner">
355
+ <div class="pf-v6-c-file-upload__file-details-spinner">
356
356
  <svg
357
- class="pf-v5-c-spinner pf-m-lg"
357
+ class="pf-v6-c-spinner pf-m-lg"
358
358
  role="progressbar"
359
359
  viewBox="0 0 100 100"
360
360
  aria-label="Loading..."
361
361
  >
362
362
  <circle
363
- class="pf-v5-c-spinner__path"
363
+ class="pf-v6-c-spinner__path"
364
364
  cx="50"
365
365
  cy="50"
366
366
  r="45"