@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/InputGroup/examples/InputGroup.md CHANGED
@@ -11,16 +11,16 @@ Use the input group to extend form controls by adding text, buttons, selects, et
11
11
  ### Variations
12
12
 
13
13
  ```html
14
- <div class="pf-v5-c-input-group">
15
- <div class="pf-v5-c-input-group__item">
14
+ <div class="pf-v6-c-input-group">
15
+ <div class="pf-v6-c-input-group__item">
16
16
  <button
17
- class="pf-v5-c-button pf-m-control"
17
+ class="pf-v6-c-button pf-m-control"
18
18
  type="button"
19
19
  id="textAreaButton1"
20
20
  >Button</button>
21
21
  </div>
22
- <div class="pf-v5-c-input-group__item pf-m-fill">
23
- <span class="pf-v5-c-form-control pf-m-resize-both">
22
+ <div class="pf-v6-c-input-group__item pf-m-fill">
23
+ <span class="pf-v6-c-form-control pf-m-resize-both">
24
24
  <textarea
25
25
  name="textarea1"
26
26
  id="textarea1"
@@ -29,14 +29,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
29
29
  ></textarea>
30
30
  </span>
31
31
  </div>
32
- <div class="pf-v5-c-input-group__item">
33
- <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
32
+ <div class="pf-v6-c-input-group__item">
33
+ <button class="pf-v6-c-button pf-m-control" type="button">Button</button>
34
34
  </div>
35
35
  </div>
36
36
  <br />
37
- <div class="pf-v5-c-input-group">
38
- <div class="pf-v5-c-input-group__item pf-m-fill">
39
- <span class="pf-v5-c-form-control pf-m-resize-both">
37
+ <div class="pf-v6-c-input-group">
38
+ <div class="pf-v6-c-input-group__item pf-m-fill">
39
+ <span class="pf-v6-c-form-control pf-m-resize-both">
40
40
  <textarea
41
41
  name="textarea2"
42
42
  id="textarea2"
@@ -45,28 +45,28 @@ Use the input group to extend form controls by adding text, buttons, selects, et
45
45
  ></textarea>
46
46
  </span>
47
47
  </div>
48
- <div class="pf-v5-c-input-group__item">
48
+ <div class="pf-v6-c-input-group__item">
49
49
  <button
50
- class="pf-v5-c-button pf-m-control"
50
+ class="pf-v6-c-button pf-m-control"
51
51
  type="button"
52
52
  id="textAreaButton2"
53
53
  >Button</button>
54
54
  </div>
55
55
  </div>
56
56
  <br />
57
- <div class="pf-v5-c-input-group">
58
- <div class="pf-v5-c-input-group__item">
57
+ <div class="pf-v6-c-input-group">
58
+ <div class="pf-v6-c-input-group__item">
59
59
  <button
60
- class="pf-v5-c-button pf-m-control"
60
+ class="pf-v6-c-button pf-m-control"
61
61
  type="button"
62
62
  id="textAreaButton3"
63
63
  >Button</button>
64
64
  </div>
65
- <div class="pf-v5-c-input-group__item">
66
- <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
65
+ <div class="pf-v6-c-input-group__item">
66
+ <button class="pf-v6-c-button pf-m-control" type="button">Button</button>
67
67
  </div>
68
- <div class="pf-v5-c-input-group__item pf-m-fill">
69
- <span class="pf-v5-c-form-control pf-m-resize-both">
68
+ <div class="pf-v6-c-input-group__item pf-m-fill">
69
+ <span class="pf-v6-c-form-control pf-m-resize-both">
70
70
  <textarea
71
71
  name="textarea3"
72
72
  id="textarea3"
@@ -75,71 +75,71 @@ Use the input group to extend form controls by adding text, buttons, selects, et
75
75
  ></textarea>
76
76
  </span>
77
77
  </div>
78
- <div class="pf-v5-c-input-group__item">
79
- <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
78
+ <div class="pf-v6-c-input-group__item">
79
+ <button class="pf-v6-c-button pf-m-control" type="button">Button</button>
80
80
  </div>
81
81
  </div>
82
82
  <br />
83
- <div class="pf-v5-c-input-group">
84
- <div class="pf-v5-c-input-group__item">
85
- <div class="pf-v5-c-select" style="width: 100px;">
83
+ <div class="pf-v6-c-input-group">
84
+ <div class="pf-v6-c-input-group__item">
85
+ <div class="pf-v6-c-select" style="width: 100px;">
86
86
  <span id="select-example-collapsed1-label" hidden>Choose one</span>
87
87
 
88
88
  <button
89
- class="pf-v5-c-select__toggle"
89
+ class="pf-v6-c-select__toggle"
90
90
  type="button"
91
91
  id="select-example-collapsed1-toggle"
92
92
  aria-haspopup="true"
93
93
  aria-expanded="false"
94
94
  aria-labelledby="select-example-collapsed1-label select-example-collapsed1-toggle"
95
95
  >
96
- <div class="pf-v5-c-select__toggle-wrapper">
97
- <span class="pf-v5-c-select__toggle-text">Select</span>
96
+ <div class="pf-v6-c-select__toggle-wrapper">
97
+ <span class="pf-v6-c-select__toggle-text">Select</span>
98
98
  </div>
99
- <span class="pf-v5-c-select__toggle-arrow">
99
+ <span class="pf-v6-c-select__toggle-arrow">
100
100
  <i class="fas fa-caret-down" aria-hidden="true"></i>
101
101
  </span>
102
102
  </button>
103
103
 
104
104
  <ul
105
- class="pf-v5-c-select__menu"
105
+ class="pf-v6-c-select__menu"
106
106
  role="listbox"
107
107
  aria-labelledby="select-example-collapsed1-label"
108
108
  hidden
109
109
  style="width: 100px;"
110
110
  >
111
111
  <li role="presentation">
112
- <button class="pf-v5-c-select__menu-item" role="option">Running</button>
112
+ <button class="pf-v6-c-select__menu-item" role="option">Running</button>
113
113
  </li>
114
114
  <li role="presentation">
115
115
  <button
116
- class="pf-v5-c-select__menu-item pf-m-selected"
116
+ class="pf-v6-c-select__menu-item pf-m-selected"
117
117
  role="option"
118
118
  aria-selected="true"
119
119
  >
120
120
  Stopped
121
- <span class="pf-v5-c-select__menu-item-icon">
121
+ <span class="pf-v6-c-select__menu-item-icon">
122
122
  <i class="fas fa-check" aria-hidden="true"></i>
123
123
  </span>
124
124
  </button>
125
125
  </li>
126
126
  <li role="presentation">
127
- <button class="pf-v5-c-select__menu-item" role="option">Down</button>
127
+ <button class="pf-v6-c-select__menu-item" role="option">Down</button>
128
128
  </li>
129
129
  <li role="presentation">
130
- <button class="pf-v5-c-select__menu-item" role="option">Degraded</button>
130
+ <button class="pf-v6-c-select__menu-item" role="option">Degraded</button>
131
131
  </li>
132
132
  <li role="presentation">
133
133
  <button
134
- class="pf-v5-c-select__menu-item"
134
+ class="pf-v6-c-select__menu-item"
135
135
  role="option"
136
136
  >Needs maintenance</button>
137
137
  </li>
138
138
  </ul>
139
139
  </div>
140
140
  </div>
141
- <div class="pf-v5-c-input-group__item pf-m-fill">
142
- <span class="pf-v5-c-form-control">
141
+ <div class="pf-v6-c-input-group__item pf-m-fill">
142
+ <span class="pf-v6-c-form-control">
143
143
  <input
144
144
  type="text"
145
145
  id="textInput4"
@@ -149,23 +149,23 @@ Use the input group to extend form controls by adding text, buttons, selects, et
149
149
  />
150
150
  </span>
151
151
  </div>
152
- <div class="pf-v5-c-input-group__item">
152
+ <div class="pf-v6-c-input-group__item">
153
153
  <button
154
- class="pf-v5-c-button pf-m-control"
154
+ class="pf-v6-c-button pf-m-control"
155
155
  type="button"
156
156
  id="inputSelectButton1"
157
157
  >Button</button>
158
158
  </div>
159
159
  </div>
160
160
  <br />
161
- <div class="pf-v5-c-input-group">
162
- <div class="pf-v5-c-input-group__item pf-m-box">
163
- <span class="pf-v5-c-input-group__text">
161
+ <div class="pf-v6-c-input-group">
162
+ <div class="pf-v6-c-input-group__item pf-m-box">
163
+ <span class="pf-v6-c-input-group__text">
164
164
  <i class="fas fa-dollar-sign" aria-hidden="true"></i>
165
165
  </span>
166
166
  </div>
167
- <div class="pf-v5-c-input-group__item pf-m-fill">
168
- <span class="pf-v5-c-form-control">
167
+ <div class="pf-v6-c-input-group__item pf-m-fill">
168
+ <span class="pf-v6-c-form-control">
169
169
  <input
170
170
  type="number"
171
171
  id="textInput5"
@@ -174,14 +174,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
174
174
  />
175
175
  </span>
176
176
  </div>
177
- <div class="pf-v5-c-input-group__item pf-m-box">
178
- <span class="pf-v5-c-input-group__text">.00</span>
177
+ <div class="pf-v6-c-input-group__item pf-m-box">
178
+ <span class="pf-v6-c-input-group__text">.00</span>
179
179
  </div>
180
180
  </div>
181
181
  <br />
182
- <div class="pf-v5-c-input-group">
183
- <div class="pf-v5-c-input-group__item pf-m-fill">
184
- <span class="pf-v5-c-form-control">
182
+ <div class="pf-v6-c-input-group">
183
+ <div class="pf-v6-c-input-group__item pf-m-fill">
184
+ <span class="pf-v6-c-form-control">
185
185
  <input
186
186
  type="email"
187
187
  id="textInput6"
@@ -191,19 +191,19 @@ Use the input group to extend form controls by adding text, buttons, selects, et
191
191
  />
192
192
  </span>
193
193
  </div>
194
- <div class="pf-v5-c-input-group__item pf-m-box">
195
- <span class="pf-v5-c-input-group__text" id="email-example">@example.com</span>
194
+ <div class="pf-v6-c-input-group__item pf-m-box">
195
+ <span class="pf-v6-c-input-group__text" id="email-example">@example.com</span>
196
196
  </div>
197
197
  </div>
198
198
  <br />
199
- <div class="pf-v5-c-input-group">
200
- <div class="pf-v5-c-input-group__item pf-m-box">
201
- <span class="pf-v5-c-input-group__text">
199
+ <div class="pf-v6-c-input-group">
200
+ <div class="pf-v6-c-input-group__item pf-m-box">
201
+ <span class="pf-v6-c-input-group__text">
202
202
  <i class="fas fa-at" aria-hidden="true"></i>
203
203
  </span>
204
204
  </div>
205
- <div class="pf-v5-c-input-group__item pf-m-fill">
206
- <span class="pf-v5-c-form-control pf-m-required pf-m-error">
205
+ <div class="pf-v6-c-input-group__item pf-m-fill">
206
+ <span class="pf-v6-c-form-control pf-m-required pf-m-error">
207
207
  <input
208
208
  required
209
209
  type="email"
@@ -212,8 +212,8 @@ Use the input group to extend form controls by adding text, buttons, selects, et
212
212
  aria-invalid="true"
213
213
  aria-label="Error state username example"
214
214
  />
215
- <span class="pf-v5-c-form-control__utilities">
216
- <span class="pf-v5-c-form-control__icon pf-m-status">
215
+ <span class="pf-v6-c-form-control__utilities">
216
+ <span class="pf-v6-c-form-control__icon pf-m-status">
217
217
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
218
218
  </span>
219
219
  </span>
@@ -221,9 +221,9 @@ Use the input group to extend form controls by adding text, buttons, selects, et
221
221
  </div>
222
222
  </div>
223
223
  <br />
224
- <div class="pf-v5-c-input-group">
225
- <div class="pf-v5-c-input-group__item pf-m-fill">
226
- <span class="pf-v5-c-form-control">
224
+ <div class="pf-v6-c-input-group">
225
+ <div class="pf-v6-c-input-group__item pf-m-fill">
226
+ <span class="pf-v6-c-form-control">
227
227
  <input
228
228
  type="text"
229
229
  id="textInput13"
@@ -232,9 +232,9 @@ Use the input group to extend form controls by adding text, buttons, selects, et
232
232
  />
233
233
  </span>
234
234
  </div>
235
- <div class="pf-v5-c-input-group__item">
235
+ <div class="pf-v6-c-input-group__item">
236
236
  <button
237
- class="pf-v5-c-button pf-m-control"
237
+ class="pf-v6-c-button pf-m-control"
238
238
  type="button"
239
239
  aria-label="Popover for input"
240
240
  >
@@ -243,9 +243,9 @@ Use the input group to extend form controls by adding text, buttons, selects, et
243
243
  </div>
244
244
  </div>
245
245
  <br />
246
- <div class="pf-v5-c-input-group">
247
- <div class="pf-v5-c-input-group__item pf-m-fill">
248
- <span class="pf-v5-c-form-control">
246
+ <div class="pf-v6-c-input-group">
247
+ <div class="pf-v6-c-input-group__item pf-m-fill">
248
+ <span class="pf-v6-c-form-control">
249
249
  <input
250
250
  type="text"
251
251
  id="textInput12"
@@ -254,9 +254,9 @@ Use the input group to extend form controls by adding text, buttons, selects, et
254
254
  />
255
255
  </span>
256
256
  </div>
257
- <div class="pf-v5-c-input-group__item pf-m-plain">
257
+ <div class="pf-v6-c-input-group__item pf-m-plain">
258
258
  <button
259
- class="pf-v5-c-button pf-m-plain"
259
+ class="pf-v6-c-button pf-m-plain"
260
260
  type="button"
261
261
  aria-label="Popover for input"
262
262
  >
@@ -265,9 +265,9 @@ Use the input group to extend form controls by adding text, buttons, selects, et
265
265
  </div>
266
266
  </div>
267
267
  <br />
268
- <div class="pf-v5-c-input-group">
269
- <div class="pf-v5-c-input-group__item pf-m-fill">
270
- <span class="pf-v5-c-form-control">
268
+ <div class="pf-v6-c-input-group">
269
+ <div class="pf-v6-c-input-group__item pf-m-fill">
270
+ <span class="pf-v6-c-form-control">
271
271
  <input
272
272
  type="number"
273
273
  id="textInput14"
@@ -276,8 +276,8 @@ Use the input group to extend form controls by adding text, buttons, selects, et
276
276
  />
277
277
  </span>
278
278
  </div>
279
- <div class="pf-v5-c-input-group__item pf-m-box pf-m-plain">
280
- <span class="pf-v5-c-input-group__text">%</span>
279
+ <div class="pf-v6-c-input-group__item pf-m-box pf-m-plain">
280
+ <span class="pf-v6-c-input-group__text">%</span>
281
281
  </div>
282
282
  </div>
283
283